当前位置:首页 > 前端 > es6/js/jQuery技巧

jquery如何清空input的file值

表单input是我们经常用到的标签,type=“file”文件上传总有用到需要清除值的时候,下面的代码贴上来吧

  1. <html>
  2. <head>
  3. <title>jquery清空input的file</title>
  4. <meta charset="utf-8"/>
  5. </head>
  6. <body>
  7. <input type="file" id="fileId" />
  8. <br />
  9. <br />
  10. <button id="clearFile">清除</button>
  11. <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
  12. <script>
  13. $(function(){
  14. //清除
  15. function resetFileInput(file){
  16. file.after(file.clone().val(""));
  17. file.remove();
  18. }
  19. //点击清除
  20. $("#clearFile").click(function(){
  21. resetFileInput($("#fileId"));
  22. })
  23. })
  24. </script>
  25. </body>
读后有收获可以支付宝请作者喝咖啡
< 上一篇 下一篇 >
文章评论
评论功能改造中...
湘ICP备15005320号-1 似懂非懂 Powered by doyo. 网站地图
返回顶部