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 データを以下の図に示します。