Vue建站：FileReader的异步问题

最新推荐文章于 2024-08-30 10:54:52 发布

原创

最新推荐文章于 2024-08-30 10:54:52 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

本文讲述了在Vue建站过程中遇到的FileReader异步问题，尝试通过FileReader读取gif文件为base64编码以统一传输格式。然而，由于异步特性，在ajax提交时无法获取到base64值。作者尝试使用Promise解决，但仍然因异步问题未果。最终，将读取操作提前到用户选择图片之后，成功获取base64编码，但由于gif文件过大导致上传延迟，最终放弃此方案。

因为想统一通过base64传输gif文件，所以在不能通过canvas重绘修正并得到base64编码的情况下，我选择使用FileReader()来获取gif文件的base64编码，但是有个问题困扰了我很久:

    readasbase64(file){
   
   
    //     return new Promise(function(resolve, reject) {    
    //     let reader=new FileReader();
    //     let that = this;
    //     reader.readAsDataURL(file);
    //     reader.onload = function() {
   
   
    //         resolve(this.result)
    //     }
    // }) 
    let reader=