无法通过FileReader读取文件

Question

以下是我从客户端计算机读取文件的代码片段，它工作正常。

document.getElementById（'files'）。onchange = function（e）{//从输入元素中获取文件列表//uploadFiles(e.target.files）;

Files =e.target.files;
   var reader = new FileReader();

            reader.onload = function (e)
            {
                alert("File loaded successfully");
 }reader.readAsText(e.target.files[0]); 

我正在成功获取文件加载警报。 但是，当我以json编码格式复制此文件对象，然后通过thorug json解码获取此文件对象时，它没有读取文件。

我的编码和解码然后读取文件的代码如下：

indexArray="{'"LayerName":'"'+e.target.files[0]+'"}'

 var obj=JSON.parse(indexArray);

                        Files=obj.RGN;

                       if(obj.RGN)
                       {

                        var reader = new FileReader();
                        reader.onload = function (e)
                        {
                            alert("FIle loaded successfully");
                            var output=e.target.result;
                            console.log("output-----------------------------: "+output);

                        }

                        reader.readAsText(File);   

                       }
                       else
                       {
                           alert("Failed to load file");
                       }   

现在无法正常工作，我什至无法加载文件。 所以在我做错的地方，我刚刚编码了文件对象，然后解码并读取了该对象？

Answer 1

由于obj.RGN不是文件对象。 而且Reader.readastext仅适用于文件对象（异步）。 您应该将文件等于e.target.files，然后它将正常工作。

即

reader.onload = function (e) {

}

Files=e.target.files;
reader.readAsText(Files);