时间戳

首页 > 解决方案 > 在 javascript 中使用 dropzone.js 或普通 js 处理 csv

javascript - 在 javascript 中使用 dropzone.js 或普通 js 处理 csv

问题描述

我正在使用 dropzone.js 处理 csv 导入。这是我的dropzone代码：

<form onsubmit="csvImport()" class="dropzone" id="mydrop"></form>

目前 csvImport 方法使用这样的硬编码 csv 文件：

function csvImport() {

            $(document).ready(function() {
                //fetch file
                $.get('/directory/test.csv', function(data) {
                 //do something here
                }
    
             }
 }

如何集成 dropzone 功能以使用给定的 csv 文件，而不是硬编码下面的路径？我不需要使用 dropzone.js 我可以使用另一个库或普通 JS。

请告诉我

标签： javascriptjquerycsvfiledropzone

解决方案

您需要在 Dropzone 实例上设置一个事件侦听器，正如他们在此处描述的那样https://www.dropzonejs.com/#events

这是他们的例子。

// The recommended way from within the init configuration:
Dropzone.options.myAwesomeDropzone = {
  init: function() {
    this.on("addedfile", function(file) { alert("Added file."); });
  }
};

然后，您可以将其存储在某个地方，例如全局变量中，然后根据需要在 onSubmit 处理程序中对其进行操作或验证。

推荐阅读