Return img src path with no delay
henpin opened this issue · 2 comments
henpin commented
I added the following code to my app
imageUploader: {
upload: async (file) => {
if (!this.$utils.checkUploadFileSize(file)) { // If over 1MB
this.$snackbar.show("can not upload file over 1MB");
return "/img/no-image.png";
}
return await storage.articleImage.upload(file);
},
},
If file size is over 1MB, then I want the behavior as below
- insert
<img src="/img/no-image.png">
- disappear image-loader inserted by quill-image-uploader
But the image-loader dosen't disappear (and it appears forever).
Because quill-image-uploader seems to need seconds delay before return path.
I want to return path with no delay.
hswimmer commented
upload method should return a promise.
Try:
imageUploader: {
upload: async (file) => {
if (!this.$utils.checkUploadFileSize(file)) { // If over 1MB
this.$snackbar.show("can not upload file over 1MB");
return new Promise(resolve=>{
resolve("/img/no-image.png");
})
}
return await storage.articleImage.upload(file);
},
},
maykon-oliveira commented
I added the following code to my app
imageUploader: { upload: async (file) => { if (!this.$utils.checkUploadFileSize(file)) { // If over 1MB this.$snackbar.show("can not upload file over 1MB"); return "/img/no-image.png"; } return await storage.articleImage.upload(file); }, },
If file size is over 1MB, then I want the behavior as below
- insert
<img src="/img/no-image.png">
- disappear image-loader inserted by quill-image-uploader
But the image-loader dosen't disappear (and it appears forever). Because quill-image-uploader seems to need seconds delay before return path.
I want to return path with no delay.
I noticed that too, so I always introduce a delay until the promise is resolved.