Question

我可以在与脚本js相同的文件夹中读取文件，但不能在其他文件夹中读取文件。

HTML部分：

<!DOCTYPE html>
<meta charset="utf-8">
<title>Test</title>
<button class="mybutton" id="fileSelect">Select a file</button>
<script src="https://d3js.org/d3.v3.min.js"></script>
or 
<script src="https://d3js.org/d3.v4.min.js"></script>
<script type="text/javascript" src="my_script.js"></script>
</html>

D3.JS部分：

var element = document.createElement('div');
element.innerHTML = '<input type="file" accept=".json">';
var fileInput = element.firstChild;

var fileSelect = document.getElementById("fileSelect");

fileInput.addEventListener('change', function() { // wait for file selection
    var file = fileInput.files[0];
    var file_name = file.name;
    // load the data 
    d3.json(file_name, function(error, graph) {
        do_things;
    }
});

fileSelect.addEventListener("click", function () {  // wait for click on "select a file" button
    fileInput.click();
});

我的错误在哪里？

提前谢谢

d3.js JSON读取文件选择对话框

0 个答案: