导出json文件,或txt文件,获取upload上传的文件内容

导出json文件,或txt文件

 const filename = "事项列表.json"  //下载文件名称
  const txtStr= JSON.stringify({a:'1'})  //文件内容
  const elem = document.createElement('a');  //创建a标签
  elem.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(txtStr));  //设置下载文件内容
  elem.setAttribute('download', filename);  //设置下载文件名
  elem.style.display = 'none';  //设置a标签默认隐藏
  document.body.appendChild(elem);  //添加至dom层
  elem.click();  //执行点击下载事件
  document.body.removeChild(elem);  //使用下载后移除a标签

获取upload上传的文件内容

<el-upload
    class="item-upload"
    :action="uploadFileUrl"
    :on-success="success"
    :http-request="httpRequest"
    :before-upload="beforeUpload"
  >
    <el-button size="small" type="primary" :disabled="$attrs.disabled">点击上传</el-button>
  </el-upload>

beforeUpload(file){
      const name = file.name
      const reader = new FileReader() //文件阅读
      //读取完回调
      reader.onload = function (e) {
        const content = e.target.result //内容
        //以下是Electron的功能
	    //new Uint8Array()实例化8位无符号整型数组
		//Buffer.from创建对象实例
		//利用fs模块将文件另存为某个文件夹
		//Electron 文件另存
		//参考https://blog.csdn.net/chenThreeMetals/article/details/125544860
        const finalData = new Uint8Array(Buffer.from(content));
        writeFile(`/${name}`,finalData)
      }
      //读取file对象,参考https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader
      reader.readAsArrayBuffer(file);  //result 属性中保存的将是被读取文件的 ArrayBuffer 数据对象。
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值