解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题

摘要:
一般解决方案:Html执行JS事件逻辑后:document。getElementById('file')。值=空˂inputref=“referenceUpload”@change=“referenceUpload”type=“file”accept=“.map”Vue中的mult

一般的解决方法:
Html

<input id="file" type="file" onchange="upload()" />

JS

事件逻辑执行完之后执行:

document.getElementById('file').value = null;

Vue中

  1. <input ref="referenceUpload" @change="referenceUpload" type="file" accept=".map" multiple/>
    methods: {
       referenceUpload(e) {
         this.$refs.referenceUpload.value = null;
      },
    }

免责声明:文章转载自《解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇3、Python字符编码区分utf-8和utf-8-sig恢复ICO图标关联下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

JS实现控制HTML5背景音乐播放暂停

首先在网页中嵌入背景音乐,html5代码为: <script src="http://wuover.qiniudn.com/jquery.js"></script> <a class="mscBtn" id="audioBtn" title='最幸福的人' style="cursor:pointer;"></a&...

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容 在写JS的过程中,为了调试我们常常会 写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS 的运行情况,但发布时又因为IE不支持console,又要去掉这些代码,一不小心就会出错 问题...

vue基于element-ui制作的成绩管理系统(四)个人信息

1.在views文件夹下新建person-msg.vue 页面布局如下:    <el-row> <el-col :span="24"> <div v-if="Teacherform"> <h4 class="title">教师信息</h4>    //渲染教师信息 &...

如何机智判断页面是刷新还是关闭,背景:vue项目,需求:关闭页面,下次直接跳到登陆页

最近项目有这么个需求:要在关闭当前系统的窗口的时候,退出登录, 因为如果不退出登录可能存在安全风险,其实我想说,电脑没事别借给别人活着离开工位记得一定要锁屏,其实我们设置了cookie失效时间的,过了一段时间会自动清空cookie。 经过我查资料,自身尝试网上的各种方法,发现都有问题。 总结这一路的尝试: 一、页面加载时只执行onload ,页面关闭时只执...

Vue一些基本操作技巧

1.Vue删除data列表中的项 下为异步删除购物车,并清空当前条目 1 cartDel: function(item) { 2 let _this = this; 3 _this.confirm("确认删除吗?", function() { 4 _this.axios.post(cartD...

js~ajax获取后端HTTP状态的几种情况

jquery发起ajax请求到后端接口,后端向前端返回数据,当然也存在后端接口直接重定向(302)到其它接口,然后再向前端返回数据,当然这种情况需要考虑跨域问题。 前端代码 //测试一下http status $.ajax({ type: "get", url: "/redirect",...