将CSV上传到Webapp的最佳方法

时间:2018-09-04 19:12:27

标签: javascript csv file-upload

当前,我正在使用npm包csvtojson来读取csv文件。

用户控制他/她要读取哪个csv文件的唯一方法是:重命名csv并将其放置在client / readFrom目录中。显然,这不是最佳的用户体验。当使用内置的选择文件按钮时(顺便说一句,我正在使用vue和vuetify,因此我将隐藏选择文件按钮并通过vuetify按钮触发它。)它不显示文件路径,我只是迷失了如何使它工作,我从来没有真正做过这样的事情。我之前做过“从csv文件读取”,但这只是在后端的文件路径中进行硬编码。例如,这是我从csv文件读取的后端方法:

    searchCSV: (req, res, next) => {
        var filePath = `${__dirname}/../../client/readFrom/checkThis.csv`
        csv({
            noheader: true
        })
        .fromFile(filePath)
        .then((obj) => {
            return res.status(200).json(obj)
        })
        .catch(e => {
            req.error = e
            next()
        })
    }

是否有更好的方法,例如,单击按钮上传文件,用户选择文件,然后客户端验证其csv文件,然后将文件路径(或文件本身)发送回结束方法?

在与以前的Web应用程序中的合作伙伴一起工作时,我们使用了multer和fs,这是在文件上传方面最好的方法吗?

0 个答案:

没有答案