javascript - 如何在 Javascript/jQuery 中保存文件内容

Question

基本上，我只想通过 Javascript 或 jQuery 上传 CSV 文件。

我想尝试在不涉及任何 PHP 的情况下完成此操作。

我需要使用 HTML 上传表单，然后仅将其内容保存到多维数组或字符串中。

我不需要将上传的文件保存到服务器，我只需要将其内容保存到如上所述的字符串中。

我在网上查了很多资料，但一切都涉及 PHP。

仅使用 Javascript 或 jQuery 就可以实现这一点吗？

提前致谢

Answer 1

这使用了我根据 GPLv3 许可证编写和发布的库:html5csv

下面的示例将 CSV 文件上传到浏览器中，该文件在浏览器中以数组的形式提供。

该库支持各种 block 操作，例如制作表格、编辑、绘图、拟合、调用函数、保存在浏览器 session 存储或本地存储中。

JSFIDDLE

html

Choose a CSV file to load into the application:   
<input id='foo' type='file'>
<hr />

js(需要 jQuery 和 html5csv.js)

CSV.begin('#foo').
      table('output', {header:1, caption:'Uploaded CSV Data'}).
      go();

在这里，go()可以接受一个函数 callback
(e,D) ，其中 e 将包含错误字符串或 null，D 是一个可能包含 D.rows[0][0],...,D.rows[n-1][m-1] 的对象对于n x m数据矩阵。第 0 行可以是标题行。

使用了异步性，实际上在某些地方强制执行了异步性。因此请注意，与 AJAX 一样，此代码将立即返回到下一行，最好将其理解为设置一个工作流程，确定上一步准备就绪后要执行的操作。

保存/恢复

您可以使用.save('local/someKey').将数据保存到用户浏览器的localStorage对象中工作流程中的某个位置，此时数组中存在的数据将存储在 HTML5 本地存储中(如果您包含文档中的 LZString 库，甚至可能会被压缩)，直到浏览器用户将其删除。

然后，在同一网站的同一页面或另一页面中，您可以使用 CSV.begin('local/someKey')... 取回数据。

使用数据

您应该将想要使用数据的任何代码放入一个函数中，该函数可以满足 html5csv call 预期的回调。或go如 html5csv 网站上所述。