js清空input fille值

因为js内部的安全机制不可以直接用js修改file的value为有效值,所以解决方法设置file的value为空,或者把file的html从新初始化。

<input type="file" id="fileupload" name="file" /> <!-- 1 -->
var obj = document.getElementById('fileupload') ;
obj.select();
document.selection.clear(); <!-- 2 -->
var obj = document.getElementById('fileupload') ;
obj.outerHTML=obj.outerHTML; <!-- 3 -->
var file = document.getElementById('fileupload');
file.value = '';<!-- 4 -->
var file = document.getElementById('fileupload');
file.outerHTML = file.outerHTML; //重置了file的outerHTML
<input type="file" ref="clearFile"  name="file" id="file">
<button @click="clearFile"></button>
<script>
methods:{clearFile() {this.$refs.clearFile.value = ''; // 清空file文件
}
}
</script>

清空上传空间input file的值

var file = $("#inputfile").files
obj.outerHTML = obj.outerHtml.replace(/(value\)".\"/i,"$1\"")

清除input type=“file”选中的文件

document.getElementById('fileupload').Value = ''

要考虑浏览器的兼容性就要做一番修改,特别是对于IE浏览器。本用例在IE10,chrome测试通过。

  核心代码:var file=document.getElementById('File');//IE,Safari,chromeif(file.outerHTML){file.outerHTML=file.outerHTML;}else{      //FFfile.value="";}

input。file清除。js,jquery相关推荐

  1. js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载)...

    原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲 获取input框中type=' ...

  2. js清除HTML的input数据,js 清空 input file 的值的方法

    今天在做一个利用 JS 上传本地图片的小功能时,需要在文件上传成功后,清空 file 类型的 input 元素中所选择的本地文件,以方便二次功能的调用!而这篇文章飞鸟慕鱼博客就来说一说,如果利用 js ...

  3. js文件上传以及js清空input file值

    最近项目中遇到文件上传的案例, 之前涉及文件上传的较少, 今天针对js文件上传的案例做一个详细的教程,方便日后查阅! 本教程从 原生JS, jQuery, 两处着手简单介绍文件上传案例 1.原生JS ...

  4. Jquery+CSS Input file 文本框轻美化

    HTML原生的input file 上传按钮有多(无)不(力)漂(吐)亮(槽)我就不多说了.大家几乎在项目中都会有遇到图片.等文件需要上传的地方,好看的文件上传按钮会使人身心愉悦(我瞎说的).好了不多 ...

  5. js获取input file框(文件上传框)内容,上传后台

    直接复制,修改jquery为你的本地路径,本js可以把file选择的图片,转化为base64对象.无论是回显,还是转成图片,或者直接上传后台都是可以滴. <!DOCTYPE html> & ...

  6. input file 文件上传,js控制上传文件的大小和格式

    文件上传一般是用jquery的uploadify,比较好用.后面会出文章介绍uploadify这个插件. 但是,有时候为了偷懒,直接就用input 的file进行文件和图片等的上传,input fil ...

  7. JQuery input file 上传图片

    表单元素file设置隐藏,通过其他元素打开: .imgfile为input file $(".ul").click(function () {return $(".img ...

  8. js jquery给input标签赋值、取值

    js jquery给input标签赋值.取值 html代码 赋值 取值 html代码 <input type="text" id="name"/> ...

  9. 组态nodejs的后台server.js,新增post接口,接受前端input file模式上传文件,并接收保存到服务器

    如何解决node.js中fs.rename文件跨域问题_OnlyLove_KD的博客-CSDN博客前言   最近在学习node.js,今天在写一个文件上传的功能,调用fs.rename上传文件时程序报 ...

最新文章

  1. js获取当前系统时间
  2. 记录ALiYun EMR常用服务的手动启动和停止命令(hdfs/yarn/mr-jobhistory/zk/spark-history)
  3. Android --修改arr文件
  4. android:windowsoftinputmode=“adjustresize” 无效的解决办法
  5. PHP的安装与设置——windos
  6. 系统运维篇之HP-DL580-Linux配置Bonding网卡组实例
  7. Wormholes——Bellman-Ford判断负环
  8. 枚举项的数量限制在64个以内
  9. 闲话WPF之六(XAML的标记兼容性(Markup Compaibility))
  10. UVA11661 Burger Time?【文本处理】
  11. jsp usebean_JSP动作标签– jsp useBean,包含,转发
  12. SQL Prompt 没激活联网后突然无法使用 解决办法
  13. 要注意工作中邮件的正式性
  14. crm系统如何处理好客户投诉问题?
  15. SD卡、记忆棒等内存卡的数据恢复方法
  16. Vivado 自定义暗黑色主题字体、颜色,复用自定义主题。文末附黑色主题设置文件
  17. 【数字电路抢救】3 逻辑函数的卡诺图化简
  18. 小红书KOL营销策略,先搞清楚小红书kol分类有哪些
  19. 比较 KAZE 与 SIFT 的算法
  20. RNA-seq分析htseq-count的使用

热门文章

  1. RelativeLayout 设置控件在最上层
  2. linux下对文件和文件夹加密
  3. rOG魔霸新锐2022和魔霸6区别 哪个好
  4. 弘辽科技:拼多多没出单改销量吗?拼多多如何提高销量?
  5. Win10 AMD显卡不兼容造成的开机黑屏问题解决
  6. 【CSS】页面背景的毛玻璃效果
  7. 小程序设置整个页面背景
  8. csdn最详细最牛逼的 阿里最新app自动化测试---自动化测试框架搭建
  9. 浅谈深度学习:基于对LSTM项目`LSTM Neural Network for Time Series Prediction`的理解与回顾
  10. Java 垃圾收集器