FileReader: readAsText() ã¡ã½ãã
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
ã¡ã¢: ãã®æ©è½ã¯ã¦ã§ãã¯ã¼ã«ã¼å ã§å©ç¨å¯è½ã§ãã
readAsText() 㯠FileReader ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ã¡ã½ããã§ãæå®ããã Blob ã¾ã㯠File ã®å
容ãèªã¿åãããã«ä½¿ç¨ãã¾ããèªã¿åãæä½ãå®äºããã¨ã readyState ããããã£ã DONE ã«å¤ããã loadend ã¤ãã³ããçºçãã result ããããã£ã«ã¯ãã¡ã¤ã«ã®å
容ãæååã¨ãã¦æ ¼ç´ããã¾ãã
ã¡ã¢:
Blob.text() ã¡ã½ããã¯ããã¡ã¤ã«ãããã¹ãã¨ãã¦èªã¿åãããã®æ°ãããããã¹ãã¼ã¹ã® API ã§ãã
ã¡ã¢:
ãã®ã¡ã½ããã¯ããã¡ã¤ã«ã®å
容å
¨ä½ãã¡ã¢ãªã¼ã«èªã¿è¾¼ã¿ã¾ãã®ã§ã巨大ãªãã¡ã¤ã«ã«ã¯é©ãã¦ãã¾ããã巨大ãªãã¡ã¤ã«ã«ã¯ readAsArrayBuffer() ã®æ¹ãé©ãã¦ãã¾ãã
æ§æ
readAsText(blob)
readAsText(blob, encoding)
弿°
blob-
ã¡ã½ããã§èªã¿è¾¼ã
Blobã¾ãã¯Fileãªãã¸ã§ã¯ãã§ãã encodingçç¥å¯-
èªã¿è¾¼ã¿ã®éã«ä½¿ç¨ããæåã¨ã³ã³ã¼ãã£ã³ã°ãæå®ããæååã§ãããã®å¼æ°ãæå®ãããªãã£ãå ´å㯠UTF-8 ã§è§£éããã¾ãã
è¿å¤
ãªã (undefined)ã
ä¾
>HTML
<input type="file" /><br />
<p class="content"></p>
JavaScript
const content = document.querySelector(".content");
const fileInput = document.querySelector("input[type=file]");
fileInput.addEventListener("change", previewFile);
function previewFile() {
const file = fileInput.files[0];
const reader = new FileReader();
reader.addEventListener("load", () => {
// ããã«ãããããã¹ããã¡ã¤ã«ã表示ããã
content.innerText = reader.result;
});
if (file) {
reader.readAsText(file);
}
}
çµæ
仿§æ¸
| 仿§æ¸ |
|---|
| File API > # readAsDataText > |