Javascript 使用vuejs显示多个图像
我是Vue的新手,我想知道是否有一种方法可以同时上传和显示多个图像Javascript 使用vuejs显示多个图像,javascript,vue.js,Javascript,Vue.js,我是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: [], } }, me
<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);
}
}
}
我认为将多个属性添加到输入标记是您需要的: