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

[grofis]

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

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

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

点击选择一个文件夹之后的效果

可能是我低估了浏览器的能力吧！

重命名还在研究

[HuHui]

...
以前刚工作的时候，带我的老大也想这么干

[grofis]

@HuHui 哈哈哈 我想起来了 这种貌似不太好整，也不安全，但这是最快速高效的方法啊！
你们后来怎么解决的
？

[lqw3030]

需要用户主动上传，node 方式之所以可以是因为你读的是自己当前设备的文件系统

[grofis]

对的，文件最终会上传到 github 上。不过我更倾向于在本地实现一个小工具，我自己用着方便就行那种...

我的需求，我再研究下：要不要先 node 方式遍历后保存在一个文件里，然后再展示和修改; 但是这个操作的路径太长了点

[HuHui]

@grofis 不是不好整，而是整不了。典型的前端和后端的概念没有区分清楚。

[grofis]

评论区貌似发不了图 哈哈哈
这个帖子里却是可以的： https://v2ex.com/t/632940

[kely]

fs 是 node 提供的，浏览器没有的哦，另外浏览器应该没有开放修改文件的权限给 js，最多就是选择文件上传。你的原始需求是什么呢？

[grofis]

@kely 6 楼帖子里 我最新的留言。

[lower]

你要在本地实现一个小工具，要不用 electron ？

你要研究在浏览器里玩，要不用 Java applet 、ActiveX ？

[VensonEEE]

年轻真好...

[liuxey]

有点可爱

[lbyo]

@liuxey #11 我也是这个想法

[u6pM63mMZ34z32cE]

浏览器操作 fs, 打开个网站发现自己电脑炸了

[azcvcza]

浏览器和 node 环境不一样，浏览器没有提供很多操作本地文件的权限和接口； nodejs 底层是 c 艹写的，提供了访问本地文件的权限，把 js 从单纯浏览器中解放了出来

[shenyu1996]

https://github.com/GoogleChromeLabs/text-editor
最新的 chrome 86 刚好支持这个

[rodrick]

浏览器可以做的话 那是不是意味着我开个网页就可能被随意读取我本地电脑的文件么？

[aaronlam]

fs 准确的说只能在 node 环境下使用，你的 vue 项目最终生成的网站时跑在浏览器的环境下的。

[xionger]

建议转行

[Ritr]

浏览器做不到

[silif]

浏览器没办法直接操作本地文件的，文件只能通过用户主动上传

[grofis]

各位，不好意思了！

[grofis]

@silif 是的 能不能把选择框去掉 还得研究下。

[gouflv]

楼主真可爱

[darknoll]

调用第三方 exe 干这个活

[grofis]

@gouflv 苏东坡也这么说过

[Shook]

刚好，我在写 require.context 相关的东西。
不过我只是要递归获取 util，不想写那么多层的 index.js 。

[grofis]

@Shook 老弟 乱入了吧

[red2dog]

你可能需要的是 electron 或者 nw?

[ruoxie]

萌新你好

[ciaoly]

https://web.dev/file-system-access/

[iseki]

啊这…什么情况…感觉最近令人蒙逼的萌新越来越多了

[Jirajine]

你在浏览器里调用 node api，当然是不行了。
非要用的话可以看看 nwjs 。
或者浏览器平台上实验性的 fs api 。

[err1y]

用 electron