blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Uploader): preview is slow when sum of images size be bigger (#9961)

Browse Source
This commit is contained in:
chenjiangui 2021-11-30 17:43:57 +08:00 committed by GitHub
parent fa3444f1c5
commit bd236e9561
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/vant/src/uploader/Uploader.tsx
View File

@ -4,6 +4,7 @@ import {
PropType,
defineComponent,
ExtractPropTypes,
onBeforeUnmount,
} from 'vue';
// Utils
@ -97,6 +98,7 @@ export default defineComponent({
setup(props, { emit, slots }) {
const inputRef = ref();
const urls: string[] = [];
const getDetail = (index = props.modelValue.length) => ({
name: props.name,
@ -225,7 +227,13 @@ export default defineComponent({
if (props.previewFullImage) {
const imageFiles = props.modelValue.filter(isImageFile);
const images = imageFiles
.map((item) => item.content || item.url)
.map((item) => {
if (item.file && !item.url) {
item.url = URL.createObjectURL(item.file);
urls.push(item.url);
}
return item.url;
})
.filter(Boolean) as string[];
imagePreview = ImagePreview(
@ -338,6 +346,10 @@ export default defineComponent({
}
};
onBeforeUnmount(() => {
urls.forEach((url) => URL.revokeObjectURL(url));
});
useExpose<UploaderExpose>({
chooseFile,
closeImagePreview,