標籤：選擇 ring rip value fileread ogr abort dstar 檔案讀取
FileReader 方法| 方法名 | 參數 | 描述 |
|---|---|---|
| abort | none | 中斷讀取 |
| readAsBinaryString | file（blob） | 將檔案讀取為二進位碼 |
| readAsDataURL | file（blob） | 將檔案讀取為 DataURL |
| readAsText | file, （blob） | 將檔案讀取為文本 |
| 事件 | 描述 |
|---|---|
| onabort | 中斷時觸發 |
| onerror | 出錯時觸發 |
| onload | 檔案讀取成功完成時觸發 |
| onloadend | 讀取完成觸發，無論成功或失敗 |
| onloadstart | 讀取開始時觸發 |
| onprogress | 讀取中 |
案例：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf8" /><title>通過filereader介面讀取檔案</title><script type="text/javascript">function readAsDataURL(){ if(typeof FileReader==‘undifined‘) //判斷瀏覽器是否支援filereader { result.innerHTML="<p>抱歉，你的瀏覽器不支援 FileReader</p>"; return false; } var file=document.getElementById("imagefile").files[0]; if(!/image\/\w+/.test(file.type)) //判斷擷取的是否為圖片檔案 { alert("請確保檔案為影像檔"); return false; } var reader=new FileReader(); reader.readAsDataURL(file); reader.onload=function(e) { var result=document.getElementById("result"); result.innerHTML=‘<img src="‘+this.result+‘" />‘ } }</script></head> <body> <p> <label>請選擇一個檔案：</label> <input type="file" id="imagefile" /> <input type="button" value="讀取映像" onClick="readAsDataURL();" /> </p> <div name="result" id="result"> <!-- 這裡用來顯示圖片結果--> </div></body></html>
FileReader 方法 實現預覽圖片
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
