上次寫過如何上傳文件,上傳成功之后,會出現一些問題。
當我打開上傳的文件,但是沒有點擊上傳,然后關閉彈窗,接着繼續上傳剛才的那個文件。為了滿足產品組的要求,我們一般都會把樣式進行一定的覆蓋。
但這就會出現一定的問題。按照上面說的那種情況,當我再次打開之后覆蓋樣式的內容為空。
其實剛開始是百思不得其解的,最后想了一下,應該是file文件內容沒有清空的原因造成的。
上網查各種清空的方法。
普遍使用較多的就是外部加一個form表單,然后清空form表單里面的內容。

如上圖一樣,我給input標簽外面增加一個form標簽,id為videoForm
我們產品需求上傳文件是在一個彈框里面的。
所以我每次打開彈框的時候,只需要清空一下該內容就行。
具體代碼
document.getElementById('videoForm')&&document.getElementById('videoForm').reset();
第二種方法就是
每次提交成功之后的操作。
document.getElementById('').outerHtml = document.getElementById('').outerHtml
