JS竟然可以读取文件?#web前端 js读取文件和写入文件
qiyuwang 2024-10-31 15:50 25 浏览 0 评论
这个视频来说一下js的文件读取。刚好有同学问到，首先要说一点，对文件进行读写、增删、改查一系列的操作是涉及到用户隐私安全的。用前端语言，比方JS是不可能完全做到的。要不然写一个网页，访问了就可以在本地电脑上面随便新增文件，或者把电脑里面的东西全部给干了或者改了，都是一件很恐怖的事情。
可以实现文件操作的语言，比方nodejs，一些后端语言，PHP、JAVA这些。这个时候要分清楚是操作哪里的文件，是客户端还是服务器端。如果要操作客户端的，都要获取相应的权限。比方手机端的应用都会向我们拿权限。很多时候不给文件访问的权限，比方图库，连相册访问都访问不了，不用增删、改查了，这些先不管它了。
JS的文件读取，简单的文件读取还是可以实现的。但是同样，这里要读取的是本地的文件，其实也需要用户给予权限。这里要怎么做？就需要配合一个input的控件，让用户自己来操作。这里提供了一个按钮，只有用户主动去选择了，这个行为是用户触发的。换言之就是得到了用户的允许才会对文件进行读取，不会JS自动触发、自动读取，那就不安全了。
来看一下具体怎么操作。要对input添加一个onchange事件，然后执行一个函数a1s，把事件对象传进去，然后来写这个函数。这里需要用到一个fileReader类，先把对象实例化出来。可以先把事件对象打印出来看一下。先把控制台打开，然后来选择文件。这里选择a.txt文件，事件对象打印出来了，展开来看一下。
里面有个target，target下面还有一个叫files，这一个下标为0的，files里面下标为0的，放的就是刚才选择的文件a.txt，所以就要读取用户选择的文件。这里是可以读取成好几种格式的，就把它读成文本。
·要读取什么？就是刚才给大家展开来看的target下面files的第0个，就是刚才选择的文件a.txt，这个文件里面就随便输入一句话，看一下等一下可不可以把它读取出来。这个过程是异步的，要先等它读取。
·这里面还是先把事件对象打出来看一下，同样是选择刚才那个文件，再展开来看一下，同样找到target，它里面有一个result，大家看到没有，result里面保存的就是读取的文件里面的内容，这样就可以读取到文件的内容了。
·比方这里直接把读取到的内容输出来，没有问题，这个内容获取到了。当然除了读这种txt的文本，读个json，甚至读个图片也可以，就来读个图片试一下。读图片这里就不是读成text，读成base64。
·这次就来选择一张图片，这里就把读取到的结果输出来了，可以复制一下，这个是base64，可以把刚才复制的那一串在地址栏里面回车，这张图片就出来了，是可以读取到这张图片的。
·可以用读取到的图片做一些预览图之类的，这个图片有点大，给它改小一点。JS获取到img，然后设置一下它的src，把result赋值给它。
·现在还没有预览图，可以手动来选择一张，这里随便选择一张图片，这个图片就读取到了，然后换一张图片也可以，另外再选择另外一张，都是可以正常读取的。
这个视频就简单给大家说了一下JS的文件读取，感谢大家的收看。
相关推荐
- windows开启telnet服务，检测远程服务端口是否可以连通
-
本文介绍windwos开启telnet服务，telnet服务一般可以用于检测远程主机的某个端口服务是否可以连通，在日常的工作中，我们经常会遇到在本地的windows检测远程服务端口是否可以连通。win...
- 仅在Web登录新华三交换机条件下启用设备Telnet登录方式
-
概述Web登录新华三交换机可以在“网络-服务”页面中启用设备Telnet服务或SSH服务，也可以在“设备-管理员”设置管理员用户的可用服务，然而，在设备Web页面中，无法设置lineVTY用户线【l...
- 思科交换机，路由器如何关闭telnet 开启ssh服务
-
SSH为建立在应用层基础上的安全协议。SSH是目前较可靠，专为远程登录会话和其他网络服务提供安全性的协议。利用SSH协议可以有效防止远程管理过程中的信息泄露问题。今天我们就来说说思科交换机，路...
- 智能化弱电行业常用的DOS命令，掌握了你也能成为...
-
前言在做智能化弱电项目时，前端摄像头设备安装结束后，我们会对网络摄像头进行调试，调试过程中会遇到前端摄像头没有图像或者图像出来了画面卡顿的现象。我们会采用ping命令来测试网络的连通性和网络承载能力。...
- 「干货」eNSP模拟器之配置Telnet登录
-
配置说明：配置Telnet，使R2（模拟PC）通过SW1登录到R1进行管理和配置。操作步骤：system-view##进入系统视图[Huawei]sysnameR1##改名为R1[R1]int...
- win11开启telnet服务怎么操作 win11打开telent指令是什么
-
telnet服务是我们在进行远程连接的时候，必须要打开的一项功能。但是有不少用户们不清楚在windows11系统中怎么开启telnet服务。今天小编就使用详细的图文教程，来给大家说明一下打开telen...
- 华三(H3C)交换机Telnet的远程登陆
-
一，配置交换机管理IP[SW1]vlan20//创建管理vlan[SW1]interfacevlan20//进入vlan接口[SW1-Vlanif20]ipaddress192.168....
- win10 telnet命令怎么查看端口是否打开
-
可能大家也会遇到这个问题，win10telnet命令查看端口是否打开的步骤是什么？具体方法如下：1、键盘输入快捷键WIN+R，打开运行窗口。2、输入cmd，点击确定按钮。3、弹出cmd命令行窗...
- Windows 7如何打开Telnet功能（win7系统打开telnet）
-
Windows7默认安装后是没有开启telnet客户端功能的，例如，我们在开始菜单中输入cmd，然后使用telnet命令，会弹出下图提示：‘telnet’不是内部或外部命令，也不是可运行程序或批处理文...
- 为锐捷路由器交换机开启web和telnet，实现轻松管理
-
笔者上一篇文章写了关于锐捷二层交换机配置教程，那么接下来讲一下锐捷的路由交换设备配置web、telnet技巧。同样，今天的教程也是基于命令行，比较简单，适合新手小白进行学习。准备工作配置前准备：con...
- 一文学会telnet命令的用途和使用方法
-
Telnet是一个古老的远程登录协议，可以让本地计算机获得远程计算机的工作能力。它采用了TCP的可靠连接方式，可以连接任何网络互通的远程计算机。不过由于它采用了明文传输方式，存在安全风险，目前已经很少...
- Telnet命令是什么?如何使用?（telnet命令在哪里开启）
-
telnet命令是一个常用的远程登陆工具，使用它，我们可以快捷地登陆远程服务器进行操作。那么如何使用telnet命令呢？首先，我们需要打开telnet功能，任何电脑默认是关闭此功能的，开启方式如下：打...
- win11系统如何开启telnet服务(拷贝版本)
-
我们要知道，Telnet协议是Internet远程登陆服务的标准协议，可以使用户在本地计算机上完成远程主机的工作，不过对于一些刚接触win11中文版系统的用户来说，可能还不知道telnet服务在哪...
- 如何开启telnet客户端（如何开启telnet服务）
-
Telnet协议是TCP/IP协议家族中的一员，是Internet远程登陆服务的标准协议和主要方式，Telnet是常用的远程控制Web服务器的方法。工作中经常用到telnet客户端，但在windows...
- Telnet 是什么，如何启用它?（telnet有什么用）
-
对于Internet等TCP/IP网络，Telnet是一个终端仿真程序。Telnet软件在您的系统上运行并将您的个人计算机链接到网络服务器。它将所有数据转换为纯文本这一事实被认为是易受...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- navicat无法连接mysql服务器 (65)
- 下横线怎么打 (71)
- flash插件怎么安装 (60)
- lol体验服怎么进 (66)
- ae插件怎么安装 (62)
- yum卸载 (75)
- .key文件 (63)
- cad一打开就致命错误是怎么回事 (61)
- rpm文件怎么安装 (66)
- linux取消挂载 (81)
- ie代理配置错误 (61)
- ajax error (67)
- centos7 重启网络 (67)
- centos6下载 (58)
- mysql 外网访问权限 (69)
- centos查看内核版本 (61)
- ps错误16 (66)
- nodejs读取json文件 (64)
- centos7 1810 (59)
- 加载com加载项时运行错误 (67)
- php打乱数组顺序 (68)
- cad安装失败怎么解决 (58)
- 因文件头错误而不能打开怎么解决 (68)
- js判断字符串为空 (62)
- centos查看端口 (64)