【Html】清空Input file資料
不能採用document.getElementById('testFile'),這樣獲取不了file的value值
需要通過物件的形式獲取和設定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="
注意:這種方法不適合在ts中使用,因為方法不會再進行跳轉,即change事件會丟失
方法四:利用getElementsByTagName獲取標籤,使用value值
let e3 =document.getElementsByTagName('input')[0];//自己估計input位置(如果沒有動態生成或移除input標籤,一般位置都會固定的)
e3.value=""//使用getElementsByTagName獲取的標籤物件,可以直接獲取或設定