不能採用
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
)注意：此方法只能再
js或者
jquery
中使用，在
ts中不能使用
方法三：利用
outerhtml
進行替換標籤
let e1=document.getelementbyid('testfile')
e1.outerhtml=e1.outerhtml.replace(/(value=\").+\"/i,"$1\"")//
此處採用正規表示式
el.outerhtml="
\"ng-tns-c2-0
\"id=
\"testfile
\"type=
\"file
\">
"//或者是直接些標籤
注意：這種方法不適合在
ts中使用，因為方法不會再進行跳轉，即
change
事件會丟失
方法四：利用
getelementsbytagname
獲取標籤，使用
value值
let e3 =document.getelementsbytagname('input')[0];//
自己估計
input
位置（如果沒有動態生成或移除
input
標籤，一般位置都會固定的）
e3.value=""//
使用getelementsbytagname
獲取的標籤物件，可以直接獲取或設定
value值
js清空input file的值
原文 js清空input file的值 在做選擇本地上傳的功能時遇到乙個問題，第一次點file按鈕選擇完成會觸發onchange事件，獲取檔案後動態在介面上建立img標籤展示，但把建立的img元素節點刪除後，再點file按鈕選擇同乙個檔案後發現並沒有被重新建立出來。分析了原因 因為上一次選擇的檔案與...
js清空input file的value值
在做上傳本地的功能時遇到乙個問題，第一次點file按鈕選擇完成會觸發onchange事件，第二次如果選擇相同的檔案上傳，則不會觸發onchange事件，原因是 因為選擇的檔案兩次的路徑值相同，值沒有改變，所以導致file不會觸發onchange事件，因此就想到乙個解決辦法，需要每次建立完img後重置...
刪除或清空指定input file的value
nclick file5.createtextrange execcommand delete createtextrange版本 dhtml object model 返回值 有 語法 otextrange object createtextrange 引數 無 返回值 otextrange 物件...