From 3e71c4a224f0b212579d56cbe47dda512ddc7103 Mon Sep 17 00:00:00 2001 From: chenjiangui <674149625@qq.com> Date: Mon, 29 Nov 2021 20:50:33 +0800 Subject: [PATCH] fix(Uploader): preview is slow when sum of images size be bigger(#7307) (#9953) * fix(Uploader): preview is slow when sum of images size be bigger(#7307) * Update index.js Co-authored-by: neverland --- src/uploader/index.js | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/src/uploader/index.js b/src/uploader/index.js index 7db269555..8bcd81f67 100644 --- a/src/uploader/index.js +++ b/src/uploader/index.js @@ -93,6 +93,14 @@ export default createComponent({ }, }, + created() { + this.urls = []; + }, + + beforeDestroy() { + this.urls.forEach((url) => URL.revokeObjectURL(url)); + }, + methods: { getDetail(index = this.fileList.length) { return { @@ -259,7 +267,13 @@ export default createComponent({ } const imageFiles = this.fileList.filter((item) => isImageFile(item)); - const imageContents = imageFiles.map((item) => item.content || item.url); + const imageContents = imageFiles.map((item) => { + if (item.file && !item.url) { + item.url = URL.createObjectURL(item.file); + this.urls.push(item.url); + } + return item.url; + }); this.imagePreview = ImagePreview({ images: imageContents,