1. 程式人生 > >【Html】清空Input file資料

【Html】清空Input file資料

不能採用document.getElementById('testFile'),這樣獲取不了filevalue

需要通過物件的形式獲取和設定value

方法一:change事件中傳入當前觸發事件event

<input id="testFile" value="123" type="file" (change)="testChanger($event)">

event.target.value=""

注意:一般在ts中使用這種方式,並且還是在對應的方法下進行value設定,在ts中如果跳出對應的方法就會報異常

方法二:change事件傳入input標籤(this

<input id="testFile" value="123" type="file" (change)="testChanger(this)">

testChanger(obj){

obj.value=""

}

注意:此方法只能再js或者jquery中使用,在ts中不能使用

方法三:利用outerHTML進行替換標籤

let e1=document.getElementById('testFile')

e1.outerHTML=e1.outerHTML.replace(/(value=\").+\"/i,"$1\"")//此處採用正則表示式

el.outerHTML="

<input _ngcontent-c2class=\"ng-tns-c2-0\" id=\"testFile\" type=\"file\">"//或者是直接些標籤

注意:這種方法不適合在ts中使用,因為方法不會再進行跳轉,即change事件會丟失

方法四:利用getElementsByTagName獲取標籤,使用value

let e3 =document.getElementsByTagName('input')[0];//自己估計input位置(如果沒有動態生成或移除input標籤,一般位置都會固定的)

e3.value=""//使用getElementsByTagName獲取的標籤物件,可以直接獲取或設定

value