Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用vuejs显示多个图像_Javascript_Vue.js - Fatal编程技术网

Javascript 使用vuejs显示多个图像

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

我是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);
        }

    }
}
我认为将多个属性添加到输入标记是您需要的: