vue:input file 多选时获取File方法

<input type="file" name="file" @change="selectPhoto($event)" accept="image/*"multiple>
selectPhoto(event){
                console.log(event.target.files)
                let fileList = event.target.files
                for(let i=0;i<fileList.length;i++){
                    this.fileArry.push(fileList[i])
                    let fileUrl = URL.createObjectURL(fileList[i]);  // 获取文件url
                    this.list.push({msrc:fileUrl,src:fileUrl}) // data中显示的图片url 
                }
                // let fileList=$(".photoFile").get(0).files[0] // 获取input file 文件信息
                // let fileUrl = URL.createObjectURL(fileList);  // 获取文件url
                // this.fileArry.push(fileList)
                console.log(this.fileArry)
                // this.list.push({msrc:fileUrl,src:fileUrl}) 
                event.target.value = "" // 解决不能选同一个文件
          },

 解决:文件不能多选,不能同时上传同一个文件和能获取多选文件的长度

posted @ 2019-05-20 22:53  九月有清晨  阅读(4509)  评论(0编辑  收藏  举报