在没有 jquery 的情况下,您如何使用 Papa Parse?
How do you use Papa Parse without jquery?
我正在尝试实现 Papa Parse,但我不想使用 jquery 库。有人可以告诉我如何使用本地存储中的文件在正常 javascript 中解析吗?
好的,所以当我这样做时,我得到的是字符串值而不是 csv 值。我究竟做错了什么?另外,我想使用的回调函数应该在哪里插入?
function parseMe(url) {
Papa.parse(url, {
complete: function(results) {
console.log(results); // results appear in dev console
}
});
}
parseMe('csv/test.csv');
接近,但 file
不是字符串,而是 File object obtained from the DOM (docs)。为此,您需要在页面中放置一个 <input type="file">
标记。用户必须 select 该文件。在他们选择了一个文件之后,您可以使用 document.getElementById("file").files[0]
之类的东西获得 File 对象——当然假设您已经为输入标签指定了一个 ID "file"。
此外,您可以删除配置对象中的所有内容,因为它们都是默认值。
function parseMe(file) {
Papa.parse(file, {
complete: function(results) {
console.log(results); // results appear in dev console
}
});
}
parseMe(document.getElementById("file").files[0]);
解析文件是异步的,因此您必须在稍后执行的回调函数中获取结果。
我正在尝试实现 Papa Parse,但我不想使用 jquery 库。有人可以告诉我如何使用本地存储中的文件在正常 javascript 中解析吗?
好的,所以当我这样做时,我得到的是字符串值而不是 csv 值。我究竟做错了什么?另外,我想使用的回调函数应该在哪里插入?
function parseMe(url) {
Papa.parse(url, {
complete: function(results) {
console.log(results); // results appear in dev console
}
});
}
parseMe('csv/test.csv');
接近,但 file
不是字符串,而是 File object obtained from the DOM (docs)。为此,您需要在页面中放置一个 <input type="file">
标记。用户必须 select 该文件。在他们选择了一个文件之后,您可以使用 document.getElementById("file").files[0]
之类的东西获得 File 对象——当然假设您已经为输入标签指定了一个 ID "file"。
此外,您可以删除配置对象中的所有内容,因为它们都是默认值。
function parseMe(file) {
Papa.parse(file, {
complete: function(results) {
console.log(results); // results appear in dev console
}
});
}
parseMe(document.getElementById("file").files[0]);
解析文件是异步的,因此您必须在稍后执行的回调函数中获取结果。