input type file onchange上传文件的过程中,遇到同一个文件二次上传无效的问题。
2016-12-27 20:17
796 查看
不要采用删除当前input[type=file]这个节点,然后再重新创建dom这种方案,这样是不合理的。
解释如下:
input[type=file]使用的是onchange去做,onchange监听的为input的value值,只有再内容发生改变的时候去触发,而value在上传文件的时候保存的是文件的内容,你只需要在上传成功的回调里面,将当前input的value值置空即可。
解释如下:
input[type=file]使用的是onchange去做,onchange监听的为input的value值,只有再内容发生改变的时候去触发,而value在上传文件的时候保存的是文件的内容,你只需要在上传成功的回调里面,将当前input的value值置空即可。
event.target.value='';
相关文章推荐
- 解决<input type=“file” multiple> 多文件上传问题(可以多次选取文件,也可以一次选取多个文件),而且点击的是一个同一个div
- 解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题
- 使用input file 通过ajax 上传文件中onChange事件只触发一次问题
- 关于使用input type=file 标签上传文件的注意细节(上传文件 无法获取文件 问题)
- [置顶]关于使用input type=file 标签上传文件的注意细节(上传文件 无法获取文件 问题)
- js或者JQ的focus和select失效问题和input type=file上传文件问题
- 通过<input type=“file”>上传文件问题
- lamp使用php处理上传文件,调用move_uploaded_file函数遇到目录写权限问题及解决过程
- <input type="file" >判断上传的文件是zip和rar类型
- 【翻译】Styling an input type="file"美化文件上传控件
- asp.net/c# 用<input type="file" />实现文件上传,multipart/form-data
- input type file 限定上传文件类型为txt
- 更改上传文件的样式<input type="file>
- input type=file 只读,并能实现文件上传
- js 实现 input type="file" 文件上传示例代码
- <input id="File_Audio" type="file" /> 一步到位上传图片、音频等文件
- [置顶] js 实现 <input type="file" /> 文件上传
- 解决微信内嵌浏览器无法响应<input type='file'>上传文件的思路
- Android 上的 Chrome 终于,即将,就要,支持文件上传(input type="file")了?
- asp.net/c# 用<input type="file" />实现文件上传,multipart/form-data