使用HTML5文件讀取，並將其發送到單張雜食

Question

我使用單張JavaScript和下面這個教程：

https://www.html5rocks.com/en/tutorials/file/dndfiles/

我建立了我的工作的工具。它允許用戶上傳帶有緯度/經度信息的CSV文件，並通過Leaflet Omnivore將其繪製在地圖上。

我能夠得到html5的例子工作。但是，我什麼時候使用它讀取的數據呢？單張雜食需要對文件的本地路徑上載這樣的：

  var testCSV = omnivore.csv('path/to/file.csv').addTo(map).on('error', function(error) { 
           console.log(error); 
          }); 

據我所知，這是不可能得到出於安全原因。

是否有任何其他方式去獲取文件路徑？或者我是否完全錯誤？

Answer 1

對於您不需要通過一個AJAX調用遠程檢索您的文件（使用omnivore.csv EG）的情況下，但你已經有了CSV內容字符串，可以直接使用omnivore.csv.parse功能：

var layer = omnivore.csv.parse(csvStringContent).addTo(map); 
// Executed synchronously, so no need to use the .on('ready') listener. 
map.fitBounds(layer.getBounds()); 

演示：https://jsfiddle.net/3v7hd2vx/358/