拿不到选取文件路径,怎么展">拿不到选取文件路径,怎么展" />
美文网首页
拿不到选取文件路径,怎么展

拿不到选取文件路径,怎么展

作者: 阳光天天耀 | 来源:发表于2021-02-26 14:47 被阅读0次

选中文件夹,展示文件(图片)

因为安全原因,所以选取文件夹拿不到图片的路径,无法通过路径来展示图片。

但是可用下面两行代码来生成一个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);

                },

相关文章

网友评论

      本文标题:拿不到选取文件路径,怎么展

      本文链接:https://www.haomeiwen.com/subject/ieimfltx.html