vue ts上传大图片,转换为base64

// html部分
<input
     type="file"
     class="shadow-input"
     multiple="multiple"
     οndragenter="return false"
     @change="fileChangeHandler"
     ref="file"
 />
 
//js部分             
fileChangeHandler(event: any) {
    
    
        let _files = event.target.files;
        let myFile:any = this.$refs.file
        var reader = new FileReader();
        reader.readAsDataURL(myFile.files[0]);    // 解析成base64格式
        reader.onload = function () {
    
     
            console.log(this.result);        // 解析后的数据
            base64Upload({
    
    fileBase64:this.result})
        }
        return
  }

运行结果,base64数据如下图所示:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_37617413/article/details/121554173