使用vuejs显示多个图像

Question

I am new to Vue and i wonder if there is a way to upload and display several images at once

<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

我认为您正在寻找向input标签添加multiple属性的方法：

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