将文件作为字符串上载到JavaScript变量 [英] Upload File as String to JavaScript Variable

问题描述

客户端是否有任何方法可以使用JavaScript将HTML格式的文件（例如.txt或.csv格式）作为字符串上传到JavaScript变量？如果是这样，你能提供一个简单的例子吗？我不想使用任何PHP。

Is there any way for a client to upload a file in an HTML form (e.g. .txt or .csv formats) to a JavaScript variable as a string using only JavaScript? If so, could you provide a simple example? I don't want to use any PHP.

提前致谢！

推荐答案

这是一个基于名为myform的表单的快速而肮脏的示例，其中包含名为myfile的文件输入：

Here is a quick and dirty example based on a form named "myform" that contains a file input named "myfile" :

document.forms['myform'].elements['myfile'].onchange = function(evt) {
    if(!window.FileReader) return; // Browser is not compatible

    var reader = new FileReader();

    reader.onload = function(evt) {
        if(evt.target.readyState != 2) return;
        if(evt.target.error) {
            alert('Error while reading file');
            return;
        }

        filecontent = evt.target.result;

        document.forms['myform'].elements['text'].value = evt.target.result;
    };

    reader.readAsText(evt.target.files[0]);
};

以下是关联的HTML表单：

Here's the associated HTML form:

<form id="myform">
  <p>
    <input id="myfile" name="files[]" multiple="" type="file" />
    <textarea id="text" rows="20" cols="40">nothing loaded</textarea>
  </p>
</form>

和 jsfiddle 进行演示。

这篇关于将文件作为字符串上载到JavaScript变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！