vue点击按钮上传图片_基于VUE选择上传图片并在页面显示（图片可删除）

/**

* 从 file 域获取 本地图片 url

*/

function getFileUrl(obj) {

let url;

url = window.URL.createObjectURL(obj.files.item(0));

return url;

}

export default {

name: 'accident',

// 定义数据

data () {

return {

imgNum:4, //上传的照片数量，可根据实际情况自定义

}

},//定义事件

methods:{

//根据点击上传按钮触发input

change_input(){

let inputArr=$('#addTextForm input');

let add_inputId=''; //需要被触发的input

for(let i=0;i

// 根据input的value值判断是否已经选择文件

if(!inputArr[i].value){ //如果没有选择,获得这个input的ID

add_inputId=inputArr[i].id;

break;

}

}

if(add_inputId){ //如果需要被触发的input ID存在,将对应的input触发

return $("#"+add_i