layui內(nèi)置模塊layim發(fā)送圖片添加加載動畫的方法
更新時間：2019年09月23日 10:31:46 作者：追著太陽的男人
今天小編就為大家分享一篇layui內(nèi)置模塊layim發(fā)送圖片添加加載動畫的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
layim圖片上傳時可能會因網(wǎng)絡(luò)等原因?qū)е聢D片上傳速度慢，而前端此時不給于任何提示的話會導(dǎo)致用戶體驗差，因此我們需在圖片上傳方法稍加拓展，具體思路即在發(fā)出請求前加載動畫，上傳完成后關(guān)閉動畫，具體代碼如下：
1.在js中找到圖片上傳方法，添加如下代碼：
PC端layim.js
移動端layim-mobile.js
以上這篇layui內(nèi)置模塊layim發(fā)送圖片添加加載動畫的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
用js判斷一個元素是否為另一個元素的子元素，再做一些效果的時候經(jīng)常用到，特別是和鼠標事件相關(guān)的應(yīng)用中，比如一個浮層，在鼠標操作浮層內(nèi)元素的時候浮層顯示，當(dāng)點擊浮層外的元素的時候隱藏浮層2012-03-03
Js空格過濾代碼，這個實用性很強，可以省去用動態(tài)語言過濾字符的麻煩，減輕服務(wù)器壓力，而且JS執(zhí)行速度較快2013-03-03
本篇文章主要是對JavaScript定義類的幾種方式進行了詳細的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
JavaScript去掉數(shù)組重復(fù)項的方法分析【測試可用】
這篇文章主要介紹了JavaScript去掉數(shù)組重復(fù)項的方法,結(jié)合實例形式分析了javascript使用object特性實現(xiàn)數(shù)組去除重復(fù)項功能的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要給大家介紹了關(guān)于微信小程序阻止小程序返回的兩種方法,分別是通過wx.enableAlertBeforeUnload和page-container,兩種方法都給出了詳細的實例,需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細介紹了JavaScript適配器模式的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了json數(shù)據(jù)格式常見操作,結(jié)合實例形式j(luò)son對象、json數(shù)組表示方式及遍歷技巧,需要的朋友可以參考下2019-06-06
本文主要介紹了Next.js腳手架完整搭建封裝的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
javascript模擬鼠標點擊事件原理和實現(xiàn)方法
本文詳細介紹了JS模擬鼠標點擊事件的原理以及應(yīng)用場景,并提供了模擬鼠標左鍵點擊事件、右鍵點擊事件、滾輪事件和移動事件的代碼實現(xiàn),了解JS模擬鼠標點擊事件的原理和實現(xiàn)方法對于開發(fā)人員非常重要,這對于許多面向用戶的web應(yīng)用程序的開發(fā)和測試都具有很重要的意義2023-09-09
深入學(xué)習(xí)JavaScript中的promise
這篇文章主要介紹了深入學(xué)習(xí)JavaScript中的promise，Promise對象的主要?途是通過鏈式調(diào)?的結(jié)構(gòu)，將原本回調(diào)嵌套的異步處理流程，轉(zhuǎn)化成“對象.then().then()...”的鏈式結(jié)構(gòu)2022-06-06