js读取json文件，并转化成变量

js读取本地json文件并赋值给一个变量供其他函数使用，这个应该怎么实现呢

fileImport:function() {

    //获取读取我文件的File对象

    var selectedFile = document.getElementById('files').files[0];

    var name = selectedFile.name;//读取选中文件的文件名

    var size = selectedFile.size;//读取选中文件的大小

    console.log("文件名:"+name+"大小:"+size);

    var hsjsdj;

    var reader = new FileReader();//这是核心,读取操作就是由它完成.

    reader.readAsText(selectedFile);//读取文件的内容,也可以读取文件的URL

    var x = reader.result;

       console.log("x===");

          console.log(x);

},

这样这个x就是空的了

Dawns9541699 2021-04-20

源自：jQuery与Ajax入门 1-9 位置与表单选择器

收起

1回答

好帮手慕小尤 2021-04-21 10:52:25

同学你好，建议同学添加 onload事件试一下，如下图所示：

fileImport:function() {<br>

// 获取读取我文件的File对象<br>            var selectedFile = document.getElementById('files').files[0];<br>           var name = selectedFile.name;//读取选中文件的文件名<br>           var size = selectedFile.size;//读取选中文件的大小<br>            console.log("文件名:"+name+"大小:"+size);<br>            var hsjsdj;<br>         var reader = new FileReader();//这是核心,读取操作就是由它完成.<br>            reader.readAsText(selectedFile);//读取文件的内容,也可以读取文件的URL<br>           reader.onload = function() {<br>                //当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可<br>                var x = reader.result;<br>                console.log("x===");<br>                console.log(x);<br>            }<br>

祝学习愉快！

收起回答

提问者 Dawns9541699 #1

在onload函数外面取不到result了

2021-04-21 11:15:00
好帮手慕小尤回复提问者 Dawns9541699 #2

同学你好，是的，因在reader.onload = function()外并未获取到数据，所以无法输出内容。当读取完成后回调这个函数（reader.onload = function()），然后将文件的内容存储到了result中。最后进行输出数据。
祝学习愉快！

2021-04-21 14:19:42