Question

我是Vue的新手，我想知道是否可以同时上传和显示多张图片

<input type="file" name="photo" accept="image/*" @change="onFileChange($event.target.files)" />
<div id="preview">
    <img v-if="url" :src="url" />data() {
    return {
        url: [],
    }
},
methods: {
    onFileChange(event) {
        const files = event.target.files;

        for(let i = 0; i < files.length; i++) {

            const file = files[i];
            this.url = URL.createObjectURL(file);
        }

    }
}

Answer 1

我认为向multiple标签添加input属性是您要寻找的东西：

<input type="file" multiple name="photo" accept="image/*" @change="onFileChange($event.target.files)" />

使用vuejs显示多个图像

1 个答案: