[JS] input type=file清空值 | @ 自由手記

Oct 17 Wed 2018 09:06
[JS] input type=file清空值 |

檔案下載：39393703

xhtml:
< input type="file" value="選擇文件" id="fileInput" />
< button type="button" id="btnClear">清空文件域</button>

JS:
< script type="text/javascript">

var btn = document.getElementById("btnClear");
var file = document.getElementById("fileInput");

btn.onclick = function() {
         // for IE, Opera, Safari, Chrome
         if (file.outerHTML) {
             file.outerHTML = file.outerHTML

} else { // FF(包括3.5)
             file.value = "";
         }
    }
< /script>

二. 方法二

var ie = (navigator.appVersion.indexOf("MSIE")!=-1);
   if( ie ){
       var file2= file.cloneNode(false);
       file2.onchange= file.onchange;
       file.parentNode.replaceChild(file2,file);
   }else{
       $(file).val("");
   }