背景:有时前台上传一个文本文件需要将上传后的内容显示在下方的一个文本框或文本域中,如下

此时就需要用到前台的文件读取功能了

uploadPrivateKey () {
      const privateKeyFile = this.$refs.uploads.uploadFiles[0].raw
      let reader = new FileReader()
      if (typeof FileReader === 'undefined') {
        this.$message({
          type: 'info',
          message: '您的浏览器不支持FileReader接口'
        })
        return
      }
      reader.readAsText(privateKeyFile)
      var _this = this
      reader.onload = function (e) {
        console.log('密钥文件内容')
        console.log(e.target.result)
      }
}

end

Logo

前往低代码交流专区

更多推荐