前端如何异步上传一个文件到node express 后台,后台如何保存文件的?

发布于 2022-09-05 22:36:11 字数 745 浏览 26 评论 0

问题描述

前提:服务器和前端页面在同一台主机上的,也就是本地服务器啦...

现在老板说是要有这样的一个需求,前端选择一个文件夹,然后后台拿到这个文件夹在本地的路径。把若干这样的路径作为一个 select 的若干 option的值,提供给用户原则。

我查了蛮多的资料,发现有以下问题:

  1. 前端无法上传一个文件夹
  2. 前端无法将本地文件的路径上传给服务端

根据以上出现的问题,我想了一个奇葩的方法:

首先在需要上传的文件夹中创建一个约定好的文件,例如:test.txt:
test.txt文件的内容:

E:\testDir\

也就是说,我把这个文件夹的路径保存在这个文件夹下一个约定好的文件中。

然后我去直接上传这个文件夹下的这个文件,后端接收到这个文件之后,读取这个文件内容,返回给前端,前端将这个路径插入到 option中。

额。。大大们轻喷。

然后思路就是上面的思路

  • 请问假如说按照上面的思路,如何编码?

    • 前端异步的上传文件
    • 后端(node)接收文件,并读取文件内容
  • 如果不按照上面的奇葩思路,应该有什么解决的办法?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

薄凉少年不暖心 2022-09-12 22:36:11

html5 File API可以选择文件夹,结果就是返回文件夹下所有文件的列表
如果只是:选择文件夹》更新select的话,没有必要要上传文件啊,前端自己就处理完了
这时每一个option都对应一个File对象,是想上传还是读取都很自由啊

掩耳倾听 2022-09-12 22:36:11

感觉你这个思路也实现不了,因为你无法解决根据路径上传到服务器的问题,浏览器只能被动的获取文件:通过file input 或 拖拽(h5)的方法

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文