<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 = "" // 解决不能选同一个文件
          },

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

相关文章:

  • 2022-12-23
  • 2021-11-23
  • 2021-12-10
  • 2022-12-23
  • 2022-12-23
  • 2021-10-01
  • 2022-12-23
猜你喜欢
  • 2022-02-07
  • 2021-08-04
  • 2022-12-23
  • 2022-12-23
  • 2022-01-12
相关资源
相似解决方案