前端中能否点击元素显示本地文件内容？

• 資深大佬 : RingoTC

  你如果静默地读取用户本地文件地内容，而不让用户通过弹窗的方式知晓然后选择要读取的文件。
  那用户的信息安全就得不到保障。

• 資深大佬 : musi

  那么问题来了，按钮不是 html 中的元素？

• 資深大佬 : xiangyuecn

  能，但本质还是点击打开文件

  点击任意元素，js 中手动触发 一个隐藏的 file input click()，打开浏览器的文件选择，选择文件后，把文件读出来

• 資深大佬 : miniwade514

  我猜主是想绕过选文件这一步？纯前端做不到。

• 資深大佬 : qiayue

  《小 tips: 纯前端 JS 读取与解析本地文本类文件》
  https://www.zhangxinxu.com/wordpress/2018/03/js-parse-text-file/

• 資深大佬 : renmu123

  安全性考虑，不允许这样的操作

• 資深大佬 : faceRollingKB

  分几个步骤：
  1 、点击 html 元素，触发 input[file]标签的 click 事件，启动浏览器上传文件功能
  2 、input(onchange)事件中获取用户上传的文件流
  3 、使用特定的编码将文件流转化为字符串进行解析

• 資深大佬 : crclz

  出于安全考虑，纯前端读取文件只能经过 input 来让用户主动选择。并且 chrome 不会给前端提供文件路径，而是提供一个假的路径，例如 C:/fakedir/real_filename.txt 。可以去 F12 试一试。

• 資深大佬 : iMusic

  chooseFileSystemEntries 新 API 了解下

• 資深大佬 : systemcall

  让用户选择整个驱动器试试，不清楚有没有阻碍

• 資深大佬 : nianyu

  可以 但是你得先通过 input file 选中文件。而不是通过点击任意元素就能实现