ios在瀏覽器中限制訪問本地檔案，並且不支援flash，所以沒有乙個比較好的辦法在瀏覽器中進行檔案的上傳。幸運的是ios 6中放開了上傳限制。通過指定html5標籤的type屬性為「file」建立乙個檔案上傳入口，可以訪問相簿和相機。
type
="file"
>
原始按鈕樣式太不高階，太不大氣，太不上檔次，設計師肯定是接受不了的，移花接木：
監聽「onchange」事件，響應上傳操作：class
="uploadbutton"
>id=
"uploadinput"
type
="file"
style="
display
:block
;height
:40px
;width
:45px
;opacity:0
;">
$("#
uploadinput").
listen
("change"
,fonchange
);
onchange事件控制代碼：
function上傳的顯示base64縮圖：fonchange
()// 讀取檔案大小、修改時間等資訊
var ouploadinfo =
;......
// 具體上傳邏輯，視具體伺服器端介面而定
......
}
var特別提醒一下：雖ios和android平台都自帶webkit核心瀏覽器，使得前端開發者擺脫了ie的束縛，可以去嘗試更多的html5新特性，但android平台由於版本和機型眾多，對特性的支援程度或者實現細節參差不齊，需要我們開發和測試過程要特別注意。oimg
=document
.createelement
("img"
);// 載入
olistel.(
oimg
);// 使用
filereader
讀取var oreader = new filereader();
oreader
.onload
=function(e
)oimg
.src
=sbase64
;sbase64
=null;}
oreader
.readasdataurl
(ofile
);
HTML5 檔案上傳
源 function getobjecturl file var url null if window.createobjecturl undefined else if window.url undefined else if window.webkiturl undefined return u...
html5檔案 上傳
表單提交檔案是最常見的場景，使用者選擇檔案後，觸發了檔案選擇框的change事件，通過訪問檔案選擇框元素的files屬性可以拿到選定的檔案列表。如果檔案選擇框指定了multiple，則乙個檔案選擇框可以同時選擇多個檔案，files包含了所有選擇的檔案物件 如果沒有指定，則只能選擇乙個檔案，files...
HTML5 檔案讀取
檔案讀取 title head body input type file class file multiple img src alt id img script 由於 檔案的src屬性，可以通過採用網路位址或base64的方式顯示，因此我們可以利用readasdataurl實現對的預覽。獲取檔案...