我试图弄清楚如何从文件输入中将文件导入ALASQL。有关于如何执行此操作的文档,但是我的客户希望在选择文件时必须按下加载按钮。
这是ALASQL的文档:
<script src="xlsx.core.min.js"></script>
<p>Select CSV file to read:</p>
<input id="readfile" type="file" onchange="loadFile(event)"/>
<script>
function loadFile(event) {
alasql('SELECT * FROM FILE(?,{headers:true})',[event],function(data){
// Process data here
});
}
</script>
https://github.com/agershun/alasql/wiki/How%20to%20upload%20form%20for%20txt%20and%20xlsx%20in%20javascript
我的客户想要这样的东西:
<script src="xlsx.core.min.js"></script>
<p>Select CSV file to read:</p>
<input id="readfile" type="file"/>
<button onclick="loadfile()">Load</button>
<script>
function loadFile() {
var file=document.getElementById('readfile').files[0]
alasql('SELECT * FROM FILE(?,{headers:true})',[file],function(data){
// Process data here
});
}
</script>
我尝试了各种方法来实现这一目标,但到目前为止没有任何效果。我尝试过的一些方法包括创建自定义jQuery事件和上述示例。
我发现一篇SF文章要求类似的内容,但未得到答复。
Loading CSV file with AlaSQL and JQuery
谢谢
最佳答案
我想到的一个答案是将loadfile进程分成两个函数,例如:
<script src="xlsx.core.min.js"></script>
<p>Select CSV file to read:</p>
<input id="readfile" type="file" onchange="loadfile(event)"/>
<button onclick="loadfile2()">Load</button>
<script>
var loadFileTempData=[];
function loadFile() { //load data file into variable
var file=document.getElementById('readfile').files[0]
alasql('SELECT * FROM FILE(?,{headers:true})',[file],function(data){
loadFileTempData=data;
});
}
function loadFile2(){ //process data from variable
var data=loadFileTempData;
loadFileTempData=[];
// Process data here
}
</script>
关于javascript - Alasql从上传按钮导入vs文件onchange事件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38904272/