vue 上传图片路径不对

在网上找了个图片上传的示例，然后拉到vue2.0的项目中图片加载不出来，src=0，这是为什么

import { Cell } from 'mint-ui';

import $ from 'jquery'

export default{

data(){

return {

images: [],

}

},

methods: {

addPic(e){

e.preventDefault();

$('input[type=file]').trigger('click');

return false;

},

onFileChange(e) {

var files = e.target.files || e.dataTransfer.files;

if (!files.length)return;

this.createImage(files);

},

createImage(file) {

if(typeof FileReader==='undefined'){

alert('您的浏览器不支持图片上传，请升级您的浏览器');

return false;

}

var image = new Image();

var vm = this;

var leng=file.length;

for(var i=0;i

var reader = new FileReader();

reader.readAsDataURL(file[i]);

reader.onload =function(e){

vm.images.push(e.target.result);

};

}

},

delImage:function(index){

this.images.shift(index);

},

removeImage: function(e) {

this.images = [];

},

uploadImage: function() {

console.log(this.images);

return false;

var obj = {};

obj.images=this.images

$.ajax({

type: 'post',

url: "upload.php",

data: obj,

dataType: "json",

success: function(data) {

if(data.status){

alert(data.msg);

return false;

}else{

alert(data.msg);

return false;

}

}

});

}

}

}

p {

display: block;

-webkit-margin-before: 0em;

-webkit-margin-after: 0em;

-webkit-margin-start: 0px;

-webkit-margin-end: 0px;

}

body {

background-color: #C4C4C4;

}

.mint-cell img {

vertical-align: middle;

margin-right: 10px;

}

相关阅读:

用canvas画虚线圆环

vue不是内部或外部命令

mocha异步测试各实例如何通信

ES6中用extends继承时，如何在子类的方法中使用父类的构造方法？

nginx 出现奇怪的连接

Python easygui怎么输入小数

关于webpack入口配置的问题

android html的 overflow:hidden 失效的问题,求解决方案！

谁和我说说，php 接受cookie 是怎么回事，涉及那些函数？

分享新闻列表内容到微信

CentOS 7.2编译安装openssl，安装完成后输入openssl version报错

centos服务器CPU被GC task占满，程序无内存溢出

请教一个react的问题

c++同样的代码gcc和vs实现不同，那么我们在写程序时应该用什么编译器？

Webpack打包之后的代码如何部署在app包内运行？

查看一次mongodb查询所耗费的时间

docker run busybox echo hello world这样的命令有什么意义？

服务器用户administrator登录密码修改后，mysql数据库连接不上

Laravel5.1，本地两项目A、B，在项目A中使用POST通信项目B，在B中使用ORM查询数据，数据库的连接信息是项目A的？

webpack 配置less后在react里面使用报错？