相信很多人看到bootstrap 提供的fileinput外掛，對其介面和功能的強大深感滿意，唯一美中不足的就是官網提供的資料太少，網上的資訊太雜太亂，想研究出來確實非常麻煩，吃力，我也是因為公司的舊專案中上傳功能太low，看到fileinput後毫不猶豫的開始研究，經過去官網看那些英文文件，網上收集了一些零零碎碎的資料，花了一天半的時間才弄出來，不過現在也體會到了這個外掛的強大之處，好了，廢話不多說了，直接上程式碼:

             如下圖，就是上傳的完整資訊，uploadUrl就是上傳的後臺方法，因為我用的jfinal的後臺框架，非常簡單，這裡就不提供了，上傳成功後從會回撥fileuploaded事件，獲取到上傳成功後後臺返回的檔案資訊，多張用逗號隔開,相信這裡大家看起來非常輕鬆，我但是遇到兩個問題，一個是商城成功後進入詳情介面的時候如何把圖片在外掛中重新回顯出來，另一個是如何刪除上傳成功的檔案，對當初的我來說，被這兩個問題困擾住了，皇天不負有心人，終究是被我搗鼓出來了，大神勿笑，確實對我一個寫後臺的來說，任何前端的進步都讓我高興，看下面的第二張圖片，是不是很簡單，哈哈，首先獲取到上傳的檔案資訊,根據檔案的型別判斷展示的格式，這裡我給出了txt和圖片，經過測試，是可以至此視訊和音訊檔案，改動不大，這裡就不提供了