layui 阻止圖片上傳的實(shí)例(before方法)
更新時(shí)間：2019年09月26日 15:35:04 作者：每天進(jìn)步一點(diǎn)_點(diǎn)
今天小編就為大家分享一篇layui 阻止圖片上傳的實(shí)例(before方法)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
今天項(xiàng)目上傳圖片需要校驗(yàn)大小，而且各個(gè)地方圖片大小的限制不一樣，如果在后臺(tái)控制會(huì)比較麻煩，所以就放在 js 里校驗(yàn)，這里用的layui（1.0.9） 的 upload.js 模塊。這個(gè)版本的layui本來(lái)是不支持阻止圖片上傳的，所以改動(dòng)了源碼。
//改動(dòng)前的 s.before && s.before(e),l.parent().submit(); //改動(dòng)后的 if(s.before==undefined || s.before(e)==undefined || (s.before && s.before(e))) l.parent().submit(); else return false;
由于之前的上傳圖片是沒(méi)有 寫before方法的（會(huì)返回undefined），為了不改動(dòng)之前的代碼，就在這里加了判斷。s.before 是 before 方法的內(nèi)容，s.before(e) 是 before 方法的返回值，如果沒(méi)有就回返回undefined 。
以上這篇layui 阻止圖片上傳的實(shí)例(before方法)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
用JavaScript對(duì)JSON進(jìn)行模式匹配(Part 1-設(shè)計(jì))
在《從 if else 到 switch case 再到抽象》這篇文章里面說(shuō)到，解決 if else 和 switch case 分支過(guò)多的一個(gè)方法，就是做一個(gè)專用的 dispatcher ，讓它來(lái)負(fù)責(zé)進(jìn)行篩選與轉(zhuǎn)發(fā)。2010-07-07
利用JS如何計(jì)算字符串所占字節(jié)數(shù)示例代碼
因?yàn)樽罱?xiàng)目有個(gè)需求要用js計(jì)算一串字符串寫入到localStorage里所占的內(nèi)存，所以便有了這篇文章，下面這篇文章主要給大家介紹了關(guān)于利用JS如何計(jì)算字符串所占字節(jié)數(shù)的相關(guān)資料，需要的朋友可以參考下。2017-09-09
利用JS重寫Cognos右鍵菜單的實(shí)現(xiàn)代碼
我寫了一個(gè)利用JS禁用Cognos右鍵菜單，下面的JS可以實(shí)現(xiàn)重寫Cognos的右鍵菜單。只要將下面的代碼拷到一個(gè)HTML項(xiàng)里即可。2010-04-04
js計(jì)算字符串長(zhǎng)度包含的中文是utf8格式
使用js寫的計(jì)算字符串長(zhǎng)度且其中中文是utf8格式的，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-10-10
TypeScript快速上手語(yǔ)法及結(jié)合vue3用法詳解
TypeScript是一種由微軟開(kāi)發(fā)的自由開(kāi)源的編程語(yǔ)言,主要提供了類型系統(tǒng)和對(duì)ES6的支持,下面這篇文章主要給大家介紹了關(guān)于TypeScript快速上手語(yǔ)法及結(jié)合vue3用法的相關(guān)資料,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了Node.js API詳解之 zlib模塊用法,結(jié)合實(shí)例形式分析了Node.js API中zlib模塊基本功能、函數(shù)使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
JS實(shí)現(xiàn)的自定義網(wǎng)頁(yè)拖動(dòng)類
這篇文章主要介紹了JS實(shí)現(xiàn)的自定義網(wǎng)頁(yè)拖動(dòng)類,涉及頁(yè)面元素響應(yīng)鼠標(biāo)事件動(dòng)態(tài)改變屬性的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-11-11
Bootstrap 中的導(dǎo)航組件都依賴同一個(gè) .nav 類和ul，狀態(tài)類也是共用的。改變修飾類可以改變樣式。接下來(lái)通過(guò)本文給大家介紹bootstrap 導(dǎo)航組件使用方法，一起看看吧2017-01-01
下面小編就為大家分享一篇js讀取本地文件的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2017-12-12