當(dāng)前位置:首頁 > IT技術(shù) > Web編程 > 正文

layui文件上傳文件后自動清空已選擇的文件(修改源碼)
2021-10-28 15:15:33

layui文件上傳文件后自動清空已選擇的文件(修改源碼)

Mattscl 2019-04-13 00:14:07 9274 收藏 4
分類專欄: 前端
版權(quán)

前端
專欄收錄該內(nèi)容
4 篇文章0 訂閱
訂閱專欄
最近遇到一個問題,就是使用layui文件上傳控件的時候已經(jīng)上傳成功的控件會繼續(xù)和原文件綁定在一起,影響第二次上傳的效果(注意我是單文件上傳控件,也就是每次只能選擇一個文件)。

本來想要實(shí)現(xiàn)標(biāo)題的效果,但是由于開發(fā)時間有限就換了一種解決方法。

當(dāng)然這不是什么難題, 拿到layui的upoad.js源碼分析一下還是可以找到對應(yīng)的解決辦法的。

前面多說了幾句廢話, 下面說一下解決方法:

在上傳文件方法之前判斷一下是否有上傳過文件,如果有則不執(zhí)行上傳。

下面看一下layui中改動的源碼,其實(shí)就是加一個判斷:
在看一下我們實(shí)際使用的代碼:
這是js代碼:

?

?


這是頁面代碼:

?

?

以下是實(shí)際運(yùn)行圖:

?

?


————————————————
版權(quán)聲明:本文為CSDN博主「Mattscl」的原創(chuàng)文章,遵循CC 4.0 BY-SA版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/Mattscl/article/details/89266208

本文摘自 :https://www.cnblogs.com/

開通會員,享受整站包年服務(wù)立即開通 >