files/zh-cn/web/api/file/getastext/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

---
title: File.getAsText
slug: Web/API/File/getAsText
translation_of: Web/API/File/getAsText
---
<p>{{APIRef("File API")}}</p>

<h3 id="概述">概述</h3>

<p>按照指定的编码类型将文件内容解析成字符串并返回.</p>

<h3 id="示例">示例</h3>

<pre class="eval">// fileInput是一个HTMLInputElement元素: &lt;input type="file" id="myfileinput" multiple&gt;
var fileInput = document.getElementById("myfileinput");

// files是一个FileList对象(类似NodeList)
var files = fileInput.files;

// 一个对象,包含了允许的MIME类型
var accept = {
    binary : ["image/png", "image/jpeg"],
    text :   ["text/plain", "text/css", "application/xml", "text/html"]
};

var file;

for (var i = 0; i &lt; files.length; i++) {

    file = files[i];

    // 如果文件的类型能够被检测到
   if (file !== null) {

        if (accept.text.indexOf(file.mediaType) &gt; -1) {

            // file是个可接受的文本文件,使用utf-8编码读取
            var data = file.getAsText("utf-8");
            // 使用字符串方法处理data

        } else if (accept.binary.indexOf(file.mediaType) &gt; -1) {
            // file是个可接受的二进制文件
        }
    }
}</pre>