码迷,mamicode.com
首页 > Web开发 > 详细

js 清空html input file的值

时间:2018-09-11 14:48:31      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:else   highlight   上传   clip   nbsp   jpeg   val   ntb   value   

在做上传图片预览时,利用input onchange事件触发函数,但是type=file时,一定记得新建要清空原来的图片,因为原来的图片还存在在input里面,再选重复的图片没有change,故不会触发相应的函数,造成没有反应的现象

具体的清空input file的方法:

<input type="file" accept="image/jpeg,image/png,image/gif" name="img" id="img" multiple value="Insert Image" onchange="javascript:setImagePreview();" style="position:absolute;clip:rect(0 0 0 0);">

// 清空input file文件jq
	var file = $(‘#img‘)[0];
	if(file.outerHTML){
		file.outerHTML = file.outerHTML;
	}else{
		file.value = ‘‘;
	}
// 清空input file文件原生js
    var file = document.getElementById("img");
     // for IE, Opera, Safari, Chrome
     if (file.outerHTML) {
         file.outerHTML = file.outerHTML;
     } else { // FF(包括3.5)
         file.value = "";
     }

  

 

js 清空html input file的值

标签:else   highlight   上传   clip   nbsp   jpeg   val   ntb   value   

原文地址:https://www.cnblogs.com/xhliang/p/9627452.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!