选中文件夹,展示文件(图片)
因为安全原因,所以选取文件夹拿不到图片的路径,无法通过路径来展示图片。
但是可用下面两行代码来生成一个url,可以展示图片。虽然看起来是加密过的,但是好用。
let windowURL = window.URL || window.webkitURL;
let dataURL = windowURL.createObjectURL(item);
vue中input选取文件的方法:
selectFile(event){
let fileObj = event.target.files[0];
console.log(document.getElementById('file').value);
let windowURL = window.URL || window.webkitURL;
// console.log(dataURL);
// console.log(event.target.files);
let arr = [];
for(let i=0;i<event.target.files.length;i++){
let item = event.target.files[i];
let dataURL = windowURL.createObjectURL(item);
let obj = {
url:encodeURI(dataURL),
name:item.name,
index:i
}
arr.push(obj);
}
this.fileList = arr;
// console.log(this.fileList);
},