<inputtype="file"></input>

<aclass="uploadButton"><inputid="uploadInput"type="file"style="display:block;height:40px;width:45px;opacity:0;"></input></a>

$("#uploadInput").listen("change", fOnChange);

function

varoFile =this.files[0],

sName,

sFileType = oFile.type;

nSize =0,

nModTime;

// Android下讀不到type資訊，從檔名中解析

if(!sFileType){ sFileType ="image/"+ sName.split(".").pop().toLowerCase(); }

// 讀取檔案大小、修改時間等資訊

var oUploadInfo = {

name : oFile.name || oFile.fileName,

};

......

// 具體上傳邏輯，視具體伺服器端介面而定

......

}

上傳的圖片顯示base64縮圖：

var oImg = document.createElement("img"); // 載入圖片 oListEl.append(oImg); // 使用FileReader讀取

var oReader = new FileReader(); oReader.onload =function(e){ var sBase64 = e.target.result

特別提醒一下：雖iOS和Android平臺都自帶webkit核心瀏覽器，使得前端開發者擺脫了IE的束縛，可以去嘗試更多的HTML5新特性，但Android平臺由於版本和機型眾多，對特性的支援程度或者實現細節參差不齊，需要我們開發和測試過程要特別注意。