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() {
 // 获取读取我文件的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
		    reader.onload = function() {
                //当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
                var x = reader.result;
			    console.log("x===");
			    console.log(x);
            }

祝学习愉快！

收起回答

提问者 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