vue可不可以操作本地文件
导读：本文共2552字符，通常情况下阅读需要9分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：这篇“vue可不可以操作本地文件”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“vue可不可以操作本地文件”文章吧。 vue可以操作本地文件，其操作方法是：1、利用“XML... ...
目录
(为您整理了一些要点),点击可以直达。
vue可以操作本地文件，其操作方法是：1、利用“XMLHttpRequest”对本地文件进行读取操作；2、利用“input”标签上传文件，然后使用“FileReader”对象和异步api，读取文件中的数据。
公司项目需要在登陆之前，实现客户自定义项目标题。由于还未登陆，所以肯定无法通过后端管理系统配置。
第一个想到的办法是通过读取本地文件内容，来显示标题内容。
客户需要求改标题时，直接修改本地文件内容即可。
读取本地文件的思路有两种，第一种是利用XMLHttpRequest，第二种是利用input的type=file将文件先上传，再读取。
利用XMLHttpRequest对本地文件进行读取操作，值得注意的是，HTML文档的格式要与流中的读取格式设置一致， 代码如下：
首先创建一个读取文件内容的函数readFile，通过XMLHttpRequest对象，读取指定路径中的文件，格式指定为text/html,并返回内容。
然后直接在login组件的created钩子函数中，调用并读取文件内容，赋值给需要显示的标题title属性。
本次项目需求就是使用此方案解决。
上传文件利用input标签，然后使用FileReader对象，h6提供的异步api，可以读取文件中的数据。
vue可不可以操作本地文件的详细内容，希望对您有所帮助，信息来源于网络。