Electron-vue读取本地文件

最新推荐文章于 2025-04-29 16:09:25 发布

时光浅止

最新推荐文章于 2025-04-29 16:09:25 发布

阅读量1.8k

点赞数 1

文章标签： vue.js electron javascript

本文链接：https://blog.youkuaiyun.com/weixin_45086164/article/details/129559349

版权

这段代码展示了如何在Node.js中使用fs模块进行文件和文件夹的操作，包括创建文件夹、写入数据到文件、读取文件内容、删除文件以及向文件追加内容。其中，使用了fs.promises和fs的同步及异步方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div>
		<el-button type="primary"  style="width: 100%;" @click="Create" :loading="loading">创建文件夹</el-button>
		<el-button type="primary"  style="width: 100%;" @click="writein" :loading="loading">写入数据</el-button>
		<el-button type="primary"  style="width: 100%;" @click="read" :loading="loading">读取数据</el-button>
		<el-button type="primary"  style="width: 100%;" @click="deleteall" :loading="loading">删除文件</el-button>
		<el-button type="primary"  style="width: 100%;" @click="addto" :loading="loading">将数据追加到文件里面</el-button>
		
		<p>{{list}}</p>
  </div>
</template>

<script>
 //创建文件模块
 const fs = require("fs").promises;
 //读取文件模块
 const FS = require("fs");
 //const path = require("path");
export default {
	data() {
		return{
			loading:false,
			list:''
		}
	},
	methods:{
		//创建文件夹
		Create(){
			// 如果文件结构不存在而你想要通过该操作创建它，则可以将其传入可选的 recursive 标志
			//打包之后  创建文件夹无效
			// fs.mkdir(path.join(__dirname, "newDir"), {
			//   recursive: true
			// });
		   fs.mkdir('newDir', {
		     recursive: true
		   });
		 
		},
	 writein(){
		//打包之后  创建文件无效
		// FS.writeFile(path.join(__dirname,"newDir", "greeting.json"),'312313',function(err){
		//     // 2.1 如果文件写入成功，则err的值等于null
		//     // 2.2 如果文件写入失败，则err的值等于一个 错误对象
		//     console.log(err);
		// })
		FS.writeFile('newDir/greeting.json','312313',function(err){
		    // 2.1 如果文件写入成功，则err的值等于null
		    // 2.2 如果文件写入失败，则err的值等于一个 错误对象
		    console.log(err);
		})
	
	 },
	 read(){
		 //打包之后  创建文件无效  所以就无法读取文件
		 // FS.readFile(path.join(__dirname,"newDir", "greeting.json"),'utf8',(err,data)=>{
			//  if(err){
			// 		 return console.log('文件读取失败!'+err.message);
			// 	 }
		 //     console.log('文件读取成功，内容是：'+data);
			//   this.list=data
		 // });
		 
		 FS.readFile('newDir/greeting.json','utf8',(err,data)=>{
		 			 if(err){
		 					 return console.log('文件读取失败!'+err.message);
		 				 }
		     console.log('文件读取成功，内容是：'+data);
		 			  this.list=data
		 });
	
	 },
	 deleteall(){
		 //删除文件
		 // FS.unlink(path.join(__dirname,"newDir", "greeting.json"), function(err){
		 //     if(err){
		 //         console.log(err)
		 //     }
		 //     console.log('删除成功！');
		 // })
		 FS.unlink('newDir/greeting.json', function(err){
		     if(err){
		         console.log(err)
		     }
		     console.log('删除成功！');
		 })
	 },
	 addto(){
		 //文件追加内容
		// FS.appendFileSync(path.join(__dirname,"newDir", "greeting.json"),'\nLearn Node.js with ', 'utf8'); 
		FS.appendFileSync('newDir/greeting.json','\nLearn Node.js with ', 'utf8'); 
	 },
	
	 
	},

  }
</script>