iOS 的 Safari 文件上傳功能詳解

iOS 6 給 Safari 瀏覽器帶來的另一個功能是文件上傳，終於 Safari 終於支持 input 輸入框的文件類型了，而且還支持 HTML媒體捕獲（HTML Media Capture）。

 

上傳單張圖片或者視頻

<input type="file">

能夠選擇直接拍照或者攝影，也能夠從相冊中選取。選好以後，iOS 上的 Safari 和其餘瀏覽器不一樣是它顯示圖片的截圖，而不是圖片的臨時名稱。

上傳多張圖片或者視頻

若是你想一次上傳多張圖片，能夠使用 HTML5 一個叫作 multiple 的布爾屬性，不過這個時候，就不能使用攝像頭了。

<input type="file" multiple >

設置只上傳圖片或者視頻

咱們沒法使用好比 capture="camcorder" 來強制使用攝像頭，可是咱們能夠經過 accept 屬性來設置咱們只想拍照或者攝像：

<input type=file accept="video/*"> <input type=file accept="image/*">

Safari 文件上傳功能總結

除了圖片和視頻以外，Safari 不支持其餘文件上傳，好比音頻，PDF 等，也不支持直接在線視頻。

選擇了照片和視頻以後，固然是使用服務器語言對上傳的文件進行處理，這個就不在這裏講了。