上传文件——设置单个或多个文件上传及上传一次后再次点击上传无效
2018-03-01 17:01
253 查看
在上传文件时可以根据需要选择一个或者多个文件进行上传
上传单个文件:<input type="file" id="file" value="上传图片" onchange="uploadImage(this)"
style="position:relative;left: -141px;height: 110px;opacity: 0"/>上传多个文件:
一次选择多个文件进行上传时,需要对input添加multiple属性
<input type="file" id="myFile" value="上传图片" onchange="uploadImage(this)" multiple="multiple"
style="position:relative;left: -141px;height: 110px;opacity: 0"/>在进行上传时可能会出现同一个文件无法二次上传的情况,出现该问题的原因是onChange监听的是input的值,在点击选择之前input的值并没有改变。解决办法:只需要在上传成功之后进行回调,将input的值置空即可再次上传该文件。
上传单个文件:<input type="file" id="file" value="上传图片" onchange="uploadImage(this)"
style="position:relative;left: -141px;height: 110px;opacity: 0"/>上传多个文件:
一次选择多个文件进行上传时,需要对input添加multiple属性
<input type="file" id="myFile" value="上传图片" onchange="uploadImage(this)" multiple="multiple"
style="position:relative;left: -141px;height: 110px;opacity: 0"/>在进行上传时可能会出现同一个文件无法二次上传的情况,出现该问题的原因是onChange监听的是input的值,在点击选择之前input的值并没有改变。解决办法:只需要在上传成功之后进行回调,将input的值置空即可再次上传该文件。
相关文章推荐
- ASP.NET大文件上传设置maxRequestLength无效的情况
- git 设置单个文件上传大小
- jQuery的ajaxFileUpload上传文件插件刷新一次才能再次调用触发change
- webView文件上传取消弹窗后再次点击不响应点击事件问题
- android webview图片文件上传兼容性问题——上传控件点击无效的解决办法
- android webview图片文件上传——上传控件点击无效的解决办法
- 解决<input type=“file” multiple> 多文件上传问题(可以多次选取文件,也可以一次选取多个文件),而且点击的是一个同一个div
- jQuery的ajaxFileUpload上传文件插件刷新一次才能再次调用触发change
- jQuery的ajaxFileUpload上传文件插件刷新一次才能再次调用触发change
- Java 下载文件,浏览器直接打开,并且PDF再次点击下载时,文件名称设置正确
- WebView调H5上传文件点击取消时无法再次响应H5上的选择文件事件
- ajaxFileUpload onchang上传文件插件第二次失效刷新一次才能再次调用触发change事件
- Struts2文件上传在配置fileUpload拦截器中设置文件大小无效的问题
- ASP.NET大文件上传设置。maxRequestLength无效的情况
- ASP.NET大文件上传设置。maxRequestLength无效的情况
- HtmlInputFile实现单个文件上传
- SpringBoot上传单个文件和多个文件
- PHP中上传大体积文件时需要的设置
- Struts2上传文件的最大Size的设置
- Android中Listview点击item不变颜色及设置listselector 无效的解决方案