解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题
2017-10-09 10:30
1086 查看
一般的解决方法
Html
<input id="file" type="file" accept=".map" onchange="upload()" />
JS
document.getElementById('file').value = null; // document.getElementById('file').onchange = function () { // alert(this.value); // this.value = null; // };
Vue中
Html
<input ref="referenceUpload" @change="referenceUpload" type="file" accept=".map" multiple/>
JS
methods: { referenceUpload(e) { this.$refs.referenceUpload.value = null; }, }
相关文章推荐
- 解决微信内嵌浏览器无法响应<input type='file'>上传文件的思路
- input type file onchange上传文件的过程中,遇到同一个文件二次上传无效的问题。
- 解决vue项目中type=”file“ change事件只执行一次的问题
- 关于使用input type=file 标签上传文件的注意细节(上传文件 无法获取文件 问题)
- js或者JQ的focus和select失效问题和input type=file上传文件问题
- [置顶]关于使用input type=file 标签上传文件的注意细节(上传文件 无法获取文件 问题)
- 解决<input type=“file” multiple> 多文件上传问题(可以多次选取文件,也可以一次选取多个文件),而且点击的是一个同一个div
- vue.js中v-on:textInput无法执行事件问题的解决过程
- 图片上传时input file change事件多次触发解决
- .net 2.0 中对于非服务器端的input元素 type为file后台无法获取的问题的解决方法
- 如何让file input能够实现置空和【异步】上传后相同文件的再次选择触发change
- html5中的input(type="file")的multiple属性,实现多文件上传,并用js控制文件大小,数量
- ajaxFileUpload 上传文件/图片,传参数,解决第二次无法上传问题
- 在IE中必须点击input file 控件的浏览按钮才能提交上传,否则没有权限 。js文件报拒绝访问,解决办法是将input file控件定位到你要点击的地方 ,并且input file做成透明的
- IE7,IE8,上传文件控件input file和asp.net FileUpload控件无法获取完整路径的解决办法
- [置顶] js 实现 <input type="file" /> 文件上传
- 使用ajaxfileupload.js进行文件上传,出现的问题以及解决办法
- 处理同一页面中借助form+input[type="file"]上传图片出现的input无法清空问题
- 使用ajaxfileupload.js上传无法进回调问题终极解决
- 使用input type=file标签进行文件上传时,在安卓手机中的微信浏览器中不能调起相机,但是在苹果手机中的微信浏览器中可以调用相机。解决办法很简单, <input type="file" nam