input type file上傳文件之后清空內容。


上次寫過如何上傳文件,上傳成功之后,會出現一些問題。

當我打開上傳的文件,但是沒有點擊上傳,然后關閉彈窗,接着繼續上傳剛才的那個文件。為了滿足產品組的要求,我們一般都會把樣式進行一定的覆蓋。

但這就會出現一定的問題。按照上面說的那種情況,當我再次打開之后覆蓋樣式的內容為空。

其實剛開始是百思不得其解的,最后想了一下,應該是file文件內容沒有清空的原因造成的。

上網查各種清空的方法。

普遍使用較多的就是外部加一個form表單,然后清空form表單里面的內容。

如上圖一樣,我給input標簽外面增加一個form標簽,id為videoForm

我們產品需求上傳文件是在一個彈框里面的。

所以我每次打開彈框的時候,只需要清空一下該內容就行。

具體代碼

document.getElementById('videoForm')&&document.getElementById('videoForm').reset();

第二種方法就是

每次提交成功之后的操作。

document.getElementById('').outerHtml = document.getElementById('').outerHtml

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM