Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用上载的JSON文件_Javascript_Html_Json_File Upload_Leaflet - Fatal编程技术网

Javascript 如何使用上载的JSON文件

Javascript 如何使用上载的JSON文件,javascript,html,json,file-upload,leaflet,Javascript,Html,Json,File Upload,Leaflet,我有一个传单地图,我想让用户能够输入json文件并可视化这些文件 我用以下代码导入了一个本地JSON文件 $.getJSON('CompleteList.json', function (geojson) { jsonlayer = L.geoJson(geojson, { onEachFeature: function (feature, layer) { layer.bindPopup(feature.properties.name); } }).ad

我有一个传单地图,我想让用户能够输入json文件并可视化这些文件

我用以下代码导入了一个本地JSON文件

  $.getJSON('CompleteList.json', function (geojson) {
  jsonlayer = L.geoJson(geojson, {
    onEachFeature: function (feature, layer) {
      layer.bindPopup(feature.properties.name);
    }
  }).addTo(map);
我想这将是太多了,张贴我所有的代码,所以我只是想张贴一个图片的html,因为它是现在。

上载字段为

<input type='file' accept='json' onchange='loadFile(event)'>

我的问题是,一旦按下按钮,如何“捕获”文件并将其保存为变量,以便使用上述AJAX代码。或者不能在这里使用它?

请参见