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); //绑定处理,
    }
posted @ 2010-01-22 15:11  弹着钢琴设计  阅读(727)  评论(0编辑  收藏  举报