zoukankan      html  css  js  c++  java
  • js 清空html input file的值

    在做上传图片预览时,利用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 = "";
         }
    

      

  • 相关阅读:
    Linux
    memory库函数的实现
    剑指Offer面试题1
    Linux
    Linux-配置vim开发环境
    Linux-Find命令
    busybox,alphine,ubuntu,centos/fedore操作系统
    端口映射与容器互联
    docker 数据管理数据卷
    Celery
  • 原文地址:https://www.cnblogs.com/xhliang/p/9627452.html
Copyright © 2011-2022 走看看