如何将文件从文件对话框发送到外部JS
How to send files from a file dialog to an external JS?
所以我的问题是这样的:
1.我有一个html页面,它使用JQuery文件对话框,并要求用户上传CSV文件
2.我在一个外部js文件中有一个名为dialogCalled()的函数,名为chart_edit.js
我的代码的功能如下:
1.在文件对话框上成功上传文件后,单击"确定"按钮,我希望调用另一个对话框(我们称之为对话框2),该对话框显示用户上传的CSV数据转换为表格格式并显示在对话框2上。
2.因此,在下面给出的代码中,按下OK按钮后,我希望调用外部js文件中的dialogCalled()函数。但是,我无法将在文件对话框中选择的文件发送到外部js。我总是收到一个错误,说"未捕获引用:dialogCalled未定义"
我应该如何将文件对话框中的文件发送到外部js函数,或者有其他方法吗?
代码:
1.我的html文件中的文件对话框:
$.FileDialog({multiple: false}).on('files.bs.filedialog', function(ev) {
files = ev.files;
if(files.length>1){
alert('More than 1 file not allowed');
}
else {
var text = "";
files.forEach(function(f) {
text += f.name + "<br/>";
});
$("#output").html(text);
//DRAWING CHART AFTER CLICK OK
$('#chartArea').empty();
var apiData = new FormData();
apiData.append( 'file', files[0]);
$("#loading").show();
$("#myModal").css("display","block");
dialogCalled(files);
}
//.DRAWING CHART AFTER CLICK OK
}).on('cancel.bs.filedialog', function(ev) {
$("#output").html("Cancelled!");
});
}
id"myModal"是包含dialog2的div。
存储在外部JS文件中的函数dialogCalled():
function dialogCalled(object f){ var files = f; d3.text(files, function(datasetText) { var parsedCSV = d3.csv.parseRows(datasetText); var tbl = d3.select(".modal1-body") .append("table") .attr("class","data-table") .attr("id","data-table"); // headers tbl.append("thead").append("tr") .selectAll("th") .data(parsedCSV[0]) .enter().append("th") .attr("class",function(d,i){return "col"+(i+1);}) .attr("id",function(d,i){return i+1}) .text(function(d) { return d+" "; }) .append("input").attr("type","checkbox").attr("class","form-checkbox").attr("id",function(d,i){return "col" + (i+1)}); // data tbl.append("tbody") .selectAll("tr").data(parsedCSV.slice(1)) .enter().append("tr") .attr("id",function(d,i){return "row"+(i+1);}) .selectAll("td") .data(function(d){return d;}) .enter().append("td") .text(function(d){return d;}) .attr("class",function(d,i){return "col" + (i+1)}) }); }
有人能帮帮我吗?
请检查Js文件的顺序
首先应该加载chart_edit.js,然后加载您编写代码的js。
相关文章:
- 我的外部js文件无法加载
- 关于引入外部javascript文件的问题&css通过https
- 有没有办法在tinymceiframe中加载一个外部javascript文件
- 什么更好?使用iframe或jQuery之类的东西在外部网站中加载HTML文件
- 如何在定义js文件后为外部javascript文件设置变量
- 将外部文件与AngularJs集成
- ResolveUrl没有'我似乎不适合当链接到具有动态虚拟目录的外部javascript文件时
- 动态地包含来自外部文件PHP的JavaScript
- 外部链接的Javascript文件赢得't执行,但函数有效
- JSON-从浏览器向外部服务器发送哪些http头JSON文件
- 如何从Node Webkit应用程序中退出外部CMD文件
- js和css文件-在publichtml外部或内部
- LeadLander formalyze_init.js Javascript外部文件
- AJAX在Django的外部JS文件中发布
- jqueryajax调用是复制url,当在模态视图之后在外部js文件中进行调用时
- Javascript:获取“;FORM”;它是在.html到外部.js文件中创建的
- Web 地址虚拟目录会断开外部 JavaScript 链接,因此找不到文件
- 访问声明文件外部的 JQuery 函数
- 在我的WordPress主题中将jQuery重新映射到$后,我无法再从js文件外部触发函数
- 从PHP文件外部清除textarea不起作用