OSS Web直傳方案在iOS中上傳視頻時需要注意的一個小坑

OSS Web直傳方案通過將OSS和簡單易用的前端上傳組件Plupload結合，為前端上傳文件場景提供了一個廣泛支持的解決方案。

Plupload會自動偵測當前的環境，依次在html5、flash、silverlight、html4等方式中選擇最合適的上傳方式，這些種類基本可以滿足PC和移動平台的各種主流瀏覽器版本使用。

由於各種平台的前端環境差異性，做到完美兼容還是非常困難的，然而一般兼容性問題查起來又非常蛋疼：按邏輯可以這麼用，但就是在某個環境下不work，運氣好的在揪掉幾縷頭髮後會無意間找到解決方案，運氣不好的……

這裡跟大家分享一個我遇到的Plupload在iOS里的兼容性的小坑，希望能對遇到同樣問題或即將遇到的這個問題的同學有所幫助：

問題描述：

Plupload中有個參數是multi_selection，這個參數作用是允許用戶在選擇上傳文件的瀏覽框中可以進行多選的開關，默認值是true。當這個參數沒有明確設定為false時，在iOS中除Safari外絕大部分的瀏覽器(Chrome、Firefox、UC、微信等)都無法上傳視頻！

問題現象：

目前發現的問題現象有兩類，一類是會無法觸發「FilesAdded」事件，另一類是可以觸發「FilesAdded」事件，但是點擊上傳後上傳進度卡在1%。

問題原因應該是之前plupload一直沒有徹底解決的iOS環境下兼容性的問題：http://www.plupload.com/docs/Options#multi_selection

目前圖片文件是可以正常上傳，但是視頻文件問題還是沒有解決。

解決方案：

目前能找到的解決方案就是探測客戶端環境做特殊處理，即如果檢測到是iOS系統並且是非Safari瀏覽器，則將multi_selection設定為false(關閉多選功能)，這樣雖然損失了一些便利性，但確保了上傳視頻功能的正常使用。

如果大家有更好的方案，還請留言告知，分享你的知識來幫助大家~

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！