現(xiàn)在的前端更新?lián)Q代很快，各種前端框架層出不窮，現(xiàn)在很多剛進(jìn)入前端的開(kāi)發(fā)者幾乎都能了解并使用一些主流的前端框架，畢竟現(xiàn)在幾乎所有招聘前端都要求求職者了解并能使用一兩款前端框架，雖然有些用人單位。隨著前端的發(fā)展，一些新的框架出現(xiàn)確實(shí)能夠幫助我們快速進(jìn)行開(kāi)發(fā)，效率可以大大提高。

但依然有一些傳統(tǒng)的框架或工具，還是有很高的使用率，比如經(jīng)典前端JavaScript庫(kù)jquery，現(xiàn)在的很多新項(xiàng)目依然在使用他，而已經(jīng)存在的項(xiàng)目至少有一半以上使用過(guò)它。而layui是一款經(jīng)典技術(shù)方案開(kāi)發(fā)的前端ui解決方案，縱然很多追求新技術(shù)的開(kāi)發(fā)人員覺(jué)得它使用的技術(shù)比較傳統(tǒng)，但我覺(jué)得它是一款非常優(yōu)秀的產(chǎn)品。layui在GitHub上有超過(guò)兩萬(wàn)個(gè)星，也說(shuō)明很多人使用過(guò)它且認(rèn)可它。

我個(gè)人覺(jué)得任何技術(shù)是用來(lái)解決問(wèn)題的工具，能解決問(wèn)題的技術(shù)都是好技術(shù)，能解決問(wèn)題的工具都是好工具；比如layui對(duì)于一些偏后端的開(kāi)發(fā)人員，就是非常好的工具了。再者，即便現(xiàn)在有各種各樣的新解決方案，但依然可以配合已有的解決方案來(lái)使用，比如layui也可以搭配vue來(lái)使用。

現(xiàn)在我們介紹的就是layui.upload組件，用于批量上傳圖片，這個(gè)組件使用非常簡(jiǎn)單，直接對(duì)照官方提供的參數(shù)即可，不閱讀組件源代碼也可以快速上手使用。

而如果需要從前端直接把圖片上傳到七牛云等第三方云存儲(chǔ)上面，第三方云存儲(chǔ)一般都需要某個(gè)上傳動(dòng)作有一個(gè)上傳憑證（token），所以在每張圖片上傳的時(shí)候都需要同時(shí)發(fā)送一個(gè)不同的token，而如果用layui.upload在參數(shù)中似乎并沒(méi)有一個(gè)可以控制每張圖片上傳的時(shí)間順序。

但仔細(xì)閱讀文檔可以發(fā)現(xiàn)，從 layui 2.2.6 開(kāi)始，支持動(dòng)態(tài)值。也就是每次執(zhí)行上傳操作，可以帶上新的數(shù)據(jù)。

這就不用自己再來(lái)“曲線救國(guó)”的其他方式來(lái)解決這個(gè)問(wèn)題了。下面就直接貼出上傳的核心代碼吧。

理解后其實(shí)很簡(jiǎn)單，也不用自己重復(fù)自己寫(xiě)各種輪子了。最后想對(duì)新人開(kāi)發(fā)者說(shuō)的是，技術(shù)也好、工具也好，都是為我們服務(wù)的，我們不需要一味追求新的，而是我們需要什么的東西去解決我們所需解決的問(wèn)題，需要根據(jù)自己需要進(jìn)行技術(shù)選型。根據(jù)不同場(chǎng)景、不同需求選擇不同技術(shù)方案，才是最合適的。