照著官方文件，我很快上手擼出了介面。
我上傳了一張**，我們來看看filelist的資料是什麼格式。
可以看到結果是乙個陣列array，每張都轉為乙個物件，物件下有兩個鍵值分別是：content->base64編碼（有讚這個uploader很貼心的幫我們把轉成base64格式流），file->乙個檔案物件，包含了檔名，上傳路徑，檔案型別，檔案大小等。
看完了資料，後端需要我們把檔案傳給他們，這裡有一點需要注意，base64編碼由於長度原因，請求方式必須用post。
let photos =
that.filelist.foreach(v=>
photos.push(o)
})
axios.request(,
method: 'post'
})
}}/**
* 隨機生成乙個key
* @return string 隨機key
*/public static string getrandomkey(string directoryname, string extension)
} for (int i = 0; i < 10; i++)
if (stringutils.isnotblank(extension))
} return key.tostring();}
後台處理需要注意下base64編碼，我先把base64str解碼轉為byte陣列，因為專案使用阿里的ossclient，上傳過程還是比較簡單。
整個流程做完了，感覺元件大大縮減了開發和除錯時間。希望自己越來越強！
Vant 使用記錄
參考 外掛程式安裝 npm install vant s 引入元件 三種方式 方式一 npm install babel plugin import d 在.babelrc 中新增配置 對於使用 babel7 的使用者，可以在 babel.config.js 中配置 module.exports v...
Vant 實現 上拉載入更多
v model loading finished finished immediate check false finished text 沒有更多了 load onload offset 10 itemlist換成你自己的資料 for item in itemlist key item.id va...
Vant 實現 上拉載入更多
vant 的list 元件 預設支援 瀑布流滾動載入。官方的示例是用定時器模擬的資料。我們在專案實戰中，肯定是結合ajax請求處理的。那麼我們該如何實現這個效果呢？vant 的 list元件 使用方法這裡就不詳細說明了，官方文件已經寫的很詳細了。直接上專案中的實戰 template div van ...