1. 程式人生 > >js清空input型別為type的檔案框的內容

js清空input型別為type的檔案框的內容

用到了檔案域,在選擇檔案後想要清空檔案的內容,在網上找了好久都是有以下幾種說法,但是試了都沒有用:

檔案域如下:

<span id='fileSpan'>

<input type="file" id="fileupload" name="file" /> 
</span>

第一種:
var obj = document.getElementById('fileupload') ; 
obj.select(); 
document.selection.clear(); 


第二種: 
var obj = document.getElementById('fileupload') ; 
obj.outerHTML=obj.outerHTML;

第三種:

var file = $("fileupload") 
file.after(file.clone().val("")); 
file.remove(); 

以上幾種方法試了後都沒有效果,有看到網上說要可以重新構造檔案域,這樣就能清空檔案內容了。因此用瞭如下方法:

 $file =$(‘#fileupload‘);

 $file.remove();
 $('#fileSpan').append("<input type='file' id='fileupload' ' name='file'  onchange='onSelectFile(this)'>");

在把當前的檔案域刪除了再重新構造檔案域,這樣就能真正清空文字內容了,chrome和IE瀏覽器都可以支援

相關推薦

jsinput型別type檔案內容

用到了檔案域,在選擇檔案後想要清空檔案的內容,在網上找了好久都是有以下幾種說法,但是試了都沒有用: 檔案域如下: <span id='fileSpan'> <input type="file" id="fileupload" name="file" /&g

JSinput type=file內容

            這個其實js或者jQuery很容易實現,但是要考慮瀏覽器的相容性就要做一番修改,特別是對於IE瀏覽器。本用例在IE10,chrome測試通過。             核心程式碼:             var file=document.getE

js檔案上傳以及jsinput file值

最近專案中遇到檔案上傳的案例, 之前涉及檔案上傳的較少, 今天針對js檔案上傳的案例做一個詳細的教程,方便日後查閱! 本教程從 原生JS, jQuery, 兩處著手簡單介紹檔案上傳案例 1、原生JS var test= document.getElementById

【開發中的問題】js input:file 的值

  由於 javascript 不能清除 input:file 上傳控制元件的值,因此最好的方法是在 input:file 上傳控制元件的外層嵌入 <form> 元素,使用 <fo

Javascript input type=file 的值方法

一般在專案中上傳檔案監聽change事件,若兩次均上傳相同檔案會監聽不到input的改變的事件,所以用以下方法清空input的值 function clearInputFile(f){ if(f.value){ try{

JS/jQuery獲取input的值和input的valu值

一、獲取input的值 1、通過普通選擇器獲取   通過類選擇器獲取:$('.class').val()   通過id選擇器獲取:$(" #id").val() 2、通過標籤選擇器獲取   $(" in

如何合適的 input[type=file] 的值

眾所周知,html 中的 <label> 標籤的 for 屬性,配上 input[type=file] 的 id 就可以上傳檔案到瀏覽器了。但是,實際開發中經常有需要清空 input[typ

js判斷返回值型別的情況下

js呼叫後臺方法,返回值後判斷是否為空,然後給input賦值$.post("<%=basePath%>busVatLog/search/allListbyid.do" ,{"cust_id":$('#id').va

input文字內參數 JS注意

$("#nameSS").textbox('setValue',' '); //這個方法缺陷在於下次對它進行動態賦值時會預設加上空格,會導致原本可查的資料查不出。$("#nameSS").textbox('setValue');//這樣清空即可 

小程序點擊按鈕input

pla clas 設置 大致 val col input blog ace 大致的思路是先給標簽input設置一個value <input value="{{value}}" placeholder="最大輸入長度10"/> 然後就通過按鈕的點擊事件來把這個

Jquery input file的值

parent obj query find input 清空 jquer ren val var file = $(obj).parent().find(".fileData"); $(file).val(‘‘);Jquery

js 對象刪除對象的屬性

AS 簡單介紹 == 定義 重置 gravity seq .net ext 在項目中,有些對象用完後需要重置,下面簡單介紹下JS中清除對象的方法。方法如下: 方法一:字面量定義對象 第一步,定義一個空對象並打印出來,代碼和效果: 代碼: var student = {};c

input型別number時,去掉上下箭頭

<input type="number"> <style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: n

輸入input型別number時,去掉上下箭頭方式

<input type="number" ...> <style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance

shell 指定大小的日誌檔案

  #!/bin/bash # 當/var/log/syslog大於68B時 if ! [ -f /var/log/syslog ] then echo "file not exist!" exit 1 fi if [ `ls -l /var/log/syslog|awk '{

微信小程式 input內容

需求為:點擊發送之後,傳送內容,並將傳送的內容清空 不做任何處理的話,小程式是不會幫你清空表單的;本次程式碼如下: wxml <form bindreset="foo">

vue中input標籤中file的值

<input type="file" ref="clearFile" name="file" id="file"> <button @click="clearFile"><

selenium WebDriver input的方式

做自動測試時,經常會出現某些文字框帶有預設值的形式,此時我們為了輸入我們預期的資料,就需要我們對預設值清楚後做處理。本文章提供四種方法 //方法1 public static void setElementValue(WebElement element,String v

【Html】Input file資料

不能採用document.getElementById('testFile'),這樣獲取不了file的value值 需要通過物件的形式獲取和設定value值 方法一:change事件中傳入當前觸發

【微信小程式】input內容

在vue中,我們清空input值往往是 clear() { this.inputValue = ''; } 然而在微信小程式中,直接使用setData()賦值是無法清空input的值的,我們