如何使用requiereJS导入本地imput json文件?

时间:2019-05-29 12:19:58

标签: javascript json file input

我想将本地输入文件中的json加载到我的js脚本中。

已导入json,我可以获取文件对象,但是我无法正确获取JSON并将其解析为JS对象

我尝试使用RequiereJS,这似乎是最好,最快的解决方案,但我无法使这一行正常工作

require(['json!someFile.json'], function(data){

})

这是我在HTML中输入的内容:

<input type="file" class="custom-file-input" onchange="loadFile(this.file) accept="application/json">

这是我的js文件:

function loadFile(file) {
    var myJson;
    var url = URL.createObjectURL(file);
    require(['json!'+url+''], function(data){
        myJson = data;
    }
}

或者这个:

require(['json!'+file+''], function(data){

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery中的ajax函数

$.ajax({
    type: "Get",
    url: "data.json",
    dataType: "json",
    success: function(data) {

    },
    error: function(){
        alert("json not found");
    }
});

注意:您需要将文件保存在服务器中,然后才能使用。