个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
38
4
我发布了一个有关解析大型 csv 文件的问题 Jquery crashes while parsing large csv file 。它涉及读取 csv 文件并将其制成表格。我尝试使用其中一个响应中给出的代码，但它不起作用..
这是我的完整代码:
<!DOCTYPE html>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="PapaParse-4.1.0/papaparse.js"></script>
<script src="virtual-list-master/vlist.js"></script>
<script>
$("#fUpload").bind("change", function(evt) {
var bigFile = evt.target.files[0];
var rows = [];
Papa.parse(bigFile, {
delimiter: ",",
newline: "\n",
header: false,
dynamicTyping: false,
worker: false,
chunk: function(results) {
rows = rows.concat(results.data);
},
complete: function() {
var list = new VirtualList({
h: 300,
itemHeight: 30,
totalRows: rows.length - 1,
generatorFn: function(row) {
var el = document.createElement("tr");
var html = '';
html += '<td>' + row + '</td>';
for(var j = 0; j < rows[row].length; j++) {
html += '<td>' + rows[row][j] + '</td>';
}
el.innerHTML = html;
return el;
}
});
document.getElementById('table').appendChild(list.container)
}
});
});
</script>
<input type="file" id="fUpload" />
<table style="width: 100%">
<tbody id="table">
</tbody>
</table>
我当前的工作目录中有 Papaparse-4.1.0 和 virtual-list-master 文件夹。但是当我在浏览器中打开它并上传 csv 文件时，下面没有打印表格。上传功能似乎没有缺陷，因为回答者展示了相同的 fiddle 演示；我只是在这里重复使用它。您可以在这里看到 fiddle :http://jsfiddle.net/8e99j5v9/5/
有人可以告诉我为什么我的代码不起作用吗？
编辑我感谢 Sergiu 提出了一个可行的解决方案，但提供的结果表完全是乱码。行和列像这样重叠 
有人可以帮忙吗？
最佳答案
JavaScript 代码按照其在 HTML 结构中出现的顺序进行解释/执行。它还只能“访问”之前的 HTML。所以$("#fUpload")将尝试查找 id 为 #fUpload 的元素在body ，但考虑到我之前所说的(“加载/执行”内容的顺序)它不会找到任何东西，因为 <input type="file" id="fUpload" /> 在此script之后标签。
解决方案:1)移动<script> head 中的标签节and the input and table in a body section and move the $("#fUpload").bind(... code in a $(document).ready` 回调。( Read about it here )
2) 将输入和表格移至脚本标记上方。
为什么 1 会起作用？因为$(document).ready(... 。这告诉其中的代码在加载整个 HTML(包括输入)之后执行。
关于javascript - Papaparse/文件不起作用 - 输出乱码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28959947/
38
4
0
Parse 爸爸看起来很聪明，但我认为他可能会给我 null。我只是: Papa.parse(countries); 其中国家/地区是一个字符串，其中包含来自时区数据库的国家/地区 csv 文件的
我正在使用 papaParse 将 CSV 文件解析为 JSON 以供进一步使用。解析后它返回 "errors": [ { "type": "FieldMismatch", "code": "TooF
我刚刚开始使用 PapaParse，如果这是一个愚蠢的问题，我深表歉意。 如果我解析一个文件，我会得到我很好的结果对象，我可以查看标题，等等: Papa.parse(file, { header: t
我正在使用 Papaparse 将 csv 文件转换为 json 对象。 API 期望的数据是这样的: "data": [ { "id": 1,
尝试使用 papaparse 读取 console.log() 一行数据，但我只是得到一个 [object Object] 数组。如何 console.log 展开值行？ var fs = requi
我正在尝试使用 Papaparse 从 .csv 文件中读取奇怪的字符。 这里是一些奇怪字符的例子:‡,œ,‰,Ž,etc 当我使用 papaparse 阅读这些内容时，无论是打印到控制台还是打印到
我正在尝试了解如何使用本地文件正确实现 Papaparse。看了很多网上的资源，他们采用的方法是这样的 loadTextFromFile (event) { if (!event.target
我无法将 Papa 错误对象放入我的错误处理程序中。我的解析突然停止工作，我只想弄清楚为什么/发生了什么变化!我使用以下代码来解析它: Papa.parse(path, {download: true
我很难弄清楚这一点。我正在使用 Papaparse 解析一个巨大的 CSV 文件以获取数据集并插入 d3 和交叉过滤。首先，我使用node.js只是为了运行ejs服务器(我没有使用任何嵌入式js)。当
我发布了一个有关解析大型 csv 文件的问题 Jquery crashes while parsing large csv file 。它涉及读取 csv 文件并将其制成表格。我尝试使用其中一个响应中
因此，当我尝试使用 papaparse 完整读取变量时，我收到以下错误:TypeError:wpcc_results 未定义。 我真的看不出我的代码有什么问题: $('.wpcc_gen_box_fo
我正在使用 papaParse 来解析 CVS 文件。然后我想使用数组中的特定数据但不知道如何引用它。我可以在控制台中看到它，如下所示: Object { data: Array[15], error
我正在使用 papaparse 来解析本地 csv 文件，方法如下: var display_links = []; Papa.parse(file_links, { header:
我正在使用 PapaParse从我的 JavaScript 脚本下载 CSV 文件，效果很好。 但是，我有一个页面需要下载两个文件然后才做一些工作，我想知道是否有比这更简洁的方法: Papa.pars
我需要解析一些本地文件，我找到了 PapaParse 库。 看来必须有一个File的实例才能解析本地文件。 所以我在我的 hmtl 中创建了这个: Files: Browse var f
我为我的应用程序编写了一个小型后端，可以在其中上传 csv。它需要遍历 csv 并将它们解析为 JSON。我正在使用 PapaParse 来完成此任务，并且我可以创建一个文件。但是我需要上传多个文件并
我正在尝试解析此文件的变体(我没有使用制表符作为分隔符，而是使用以逗号作为分隔符的文件)https://github.com/materechm/Schizophrenia/blob/master/G
papaparse 是否支持返回由标题列作为键控的对象实例数组？ 例如，我有一个如下所示的 CSV 文件: sku, location, quantity 'sku1', 'Chicago', 3 '
我正在使用 PapaPase使用 block 模式解析大 CSV 文件。 我正在验证 csv 数据，我想在验证失败时停止流式传输。 但经过一些解析后，我无法停止流式传输。 我试图停止使用 block
我在 angular 中使用 ngx-papaparse 收到此错误。它正在工作，然后我尝试将 jquery 添加到我的项目中，并且在此过程中被警告存在安全问题，因此我按照说明进行操作并尝试 npm
我是一名优秀的程序员,十分优秀！