Vue 项目怎样操作本地文件夹

2020-11-11 08:28:12 +08:00
 grofis

我用 fs 库,node 的方式执行没有问题。

在浏览器里运行报错:fs.readdir is not a function

也就是说我想在前端页面中使用 fs 库。

4310 次点击
所在节点    问与答
33 条回复
HuHui
2020-11-11 08:32:16 +08:00
...
以前刚工作的时候,带我的老大也想这么干
grofis
2020-11-11 08:38:58 +08:00
@HuHui 哈哈哈 我想起来了 这种貌似不太好整,也不安全,但这是最快速高效的方法啊!
你们后来怎么解决的
lqw3030
2020-11-11 08:43:36 +08:00
需要用户主动上传,node 方式之所以可以是因为你读的是自己当前设备的文件系统
grofis
2020-11-11 08:55:44 +08:00
对的,文件最终会上传到 github 上。不过我更倾向于在本地实现一个小工具,我自己用着方便就行那种...

我的需求,我再研究下:要不要先 node 方式遍历后保存在一个文件里,然后再展示和修改; 但是这个操作的路径太长了点
HuHui
2020-11-11 08:56:26 +08:00
@grofis 不是不好整,而是整不了。典型的前端和后端的概念没有区分清楚。
grofis
2020-11-11 08:56:54 +08:00
评论区貌似发不了图 哈哈哈
这个帖子里却是可以的: https://v2ex.com/t/632940
kely
2020-11-11 09:21:34 +08:00
fs 是 node 提供的,浏览器没有的哦,另外浏览器应该没有开放修改文件的权限给 js,最多就是选择文件上传。你的原始需求是什么呢?
grofis
2020-11-11 09:23:22 +08:00
@kely 6 楼帖子里 我最新的留言。
lower
2020-11-11 09:32:53 +08:00
你要在本地实现一个小工具,要不用 electron ?

你要研究在浏览器里玩,要不用 Java applet 、ActiveX ?
VensonEEE
2020-11-11 09:34:40 +08:00
年轻真好...
liuxey
2020-11-11 09:37:13 +08:00
有点可爱
lbyo
2020-11-11 09:38:28 +08:00
@liuxey #11 我也是这个想法
u6pM63mMZ34z32cE
2020-11-11 09:43:16 +08:00
浏览器操作 fs, 打开个网站发现自己电脑炸了
azcvcza
2020-11-11 09:45:21 +08:00
浏览器和 node 环境不一样,浏览器没有提供很多操作本地文件的权限和接口; nodejs 底层是 c 艹写的,提供了访问本地文件的权限,把 js 从单纯浏览器中解放了出来
shenyu1996
2020-11-11 10:09:10 +08:00
https://github.com/GoogleChromeLabs/text-editor
最新的 chrome 86 刚好支持这个
rodrick
2020-11-11 10:28:32 +08:00
浏览器可以做的话 那是不是意味着我开个网页就可能被随意读取我本地电脑的文件么?
aaronlam
2020-11-11 10:42:31 +08:00
fs 准确的说只能在 node 环境下使用,你的 vue 项目最终生成的网站时跑在浏览器的环境下的。
xionger
2020-11-11 10:52:06 +08:00
建议转行
Ritr
2020-11-11 11:03:41 +08:00
浏览器做不到
silif
2020-11-11 11:13:01 +08:00
浏览器没办法直接操作本地文件的,文件只能通过用户主动上传

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/723816

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX