图片上传取消问题处理方法:

1.问题描述:

上传图片时先上传一张图片,然后再次点击上传选择图片后取消上传,此时页面回显上传的第一张图片但元素实际上传的图片为空

 

2.处理方法:

选中图片上传元素点击逻辑,当前元素添加其他事件 getimg,选择绑定数据编程


绑定数据编程内容: $("#tupianshangchuan").change(function () { var filesList = document.querySelector('#tupianshangchuan').files; if(filesList.length==0){ _vm.src1("/img/ws44.png"); } });

注意:tupianshangchuan为图片上传input元素的id,src1为回显的图片变量,执行的效果为第二次上传图片点击取消时回显的图片赋值成默认图片