Js中清空文件上传字段(input type=file )

   表单中type=file字段的value属性无法由js来附值,一但选中某个文件后,如果用户不手动去清空那么这个值将保留,提交表单时对应文件也会被提交上去.当然在服务器上会再次验证,不过为了避免上传不必要的的文件,还是有必要提前在客户端验证失败后将文件上传字段清空.
具体做法是将file元素从DOM中移除,然后添加个"同名同姓"的上去,以下是基于JQuery写的一段代码
    function clearUpload(){
          $("#fuImg").remove(); //移除原来的
          var upfile=$("<input/>").attr("name","fuImg").attr("id","fuImg");
          upfile.attr("type","file").addClass("w160");
          upfile.appendTo("#upload"); //添加新的
          upfile.change(fileChangeHandle); //绑定处理,
    }

Js中清空文件上传字段(input type=file )相关推荐

JS：关于断点续传插件 Resumable.js 中的文件上传控制问题
官方文档:http://www.resumablejs.com/ 它是一个JavaScript库,通过HTML5 File API提供多个同步,稳定和可恢复的上传. 该库旨在通过HTTP将容错引入上传 ...
文件上传（input为file类型）
为什么80%的码农都做不了架构师?>>> <plugin> <groupId>org.apache.maven.plugins</groupId& ...
js插件---IUpload文件上传插件（包括图片）
js插件---IUpload文件上传插件(包括图片) 一.总结一句话总结:上传插件找到真正上传位置的代码,这样就可以知道整个上传插件的逻辑了, 找资料还是github+官方 1.如何在js中找到真正 ...
在Struts 2中实现文件上传
前一阵子有些朋友在电子邮件中问关于Struts 2实现文件上传的问题, 所以今天我们就来讨论一下这个问题. 实现原理 Struts 2是通过Commons FileUpload文件上传.Commons ...
java spring js文件_005-html+js+spring multipart文件上传
一.概述需求:通过html+js+java上传最大500M的文件,需要做MD5 消息摘要以及SHA256签名,文件上传至云存储 1.1.理解http协议 https://www.cnblogs.co ...
java语言文件上传,java中实现文件上传的方法
java中实现文件上传的方法发布时间:2020-06-19 10:29:11 来源:亿速云阅读:86 作者:Leah 这篇文章给大家分享的是java中实现文件上传的方法,相信大部分人都还没学会这个 ...
Asp.net MVC 1.0 RTM中实现文件上传
Asp.net MVC 1.0 RTM中实现文件上传在我们开始之前,你需要知道一个form以post方式上传文件的方式,你将要增加一个特别的enctype attribute到form标签上,为了这 ...
php v9 上传_phpcms v9 表单添加文件上传字段
phpcms v9 表单添加文件上传字段 1.打开目录 ./phpcms/modules/content/fields/ ;把文件夹downfile,拷贝到目录./phpcms/modules/fo ...
jsp servlet示例_Servlet和JSP中的文件上传示例
jsp servlet示例使用Servlet和JSP将文件上传到服务器是Java Web应用程序中的常见任务. 在对Servlet或JSP进行编码以处理文件上传请求之前,您需要了解一点有关HTML和 ...

Js中清空文件上传字段(input type=file )

Js中清空文件上传字段(input type=file )相关推荐

最新文章

热门文章