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