vue 图片压缩 返回数据进行上传中formdata.append无效

Question

图片上传用的vant的组件，console可以输出返回的结果，但是append不进去，然后发现下面红框中的console总是会先于第一个红框，各位大佬看看，有没有什么解决办法，谢谢

代码如下：

console:

Answer 1

你的图片压缩应该是一个异步的操作，所以会先执行同步代码，就是下面的console。而此时你的图片压缩由于是异步，会在你的所有同步操作执行完成后才会执行，所以你打印的formData是缺少file的。

你需要做的是保证在压缩完成后，再去return整个formData。