关于移动端影像配置了https之后拍出来的照片在android手机无法显示的问题

最新推荐文章于 2025-09-04 18:43:54 发布

转载最新推荐文章于 2025-09-04 18:43:54 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mingbo-zhang/p/10239253.html

文章标签：

#移动开发 #json

本文介绍了一个实用的JavaScript函数，该函数可以从给定的URL读取文件，并将其转换为Blob对象和DataUrl格式，适用于图片等文件的处理。通过FileReader API实现，适用于Web开发中文件预览、上传等场景。

话不多说上代码

// 函数-从url读取文件
            readFile(img){
                let vm = this;
                window.resolveLocalFileSystemURL(img.orgSrc, function(fileEntry) {
                    fileEntry.file(function (file) {
                        let reader = new FileReader();
                        let reader2 = new FileReader();
                        reader.readAsArrayBuffer(file);
                        reader2.readAsDataURL(file);

                        reader2.onloadend = function (e) {
                            console.log(e);
                            console.log(JSON.stringify(e));
                            let image = {
                                thumbnailurl:this.result,
                                // address:fileEntry.toInternalURL(), //address
                                imageId :img.imageId,
                                orgSrc:img.orgSrc, //file_path
                                imageName:img.imageName, //file_name
                            };
                            vm.imgList.push(image);
                        };


                        reader.onloadend = function (e) {
                            console.log('e.target.result',e.target.result)
                            var file = new Blob([e.target.result], {type: "image/jpeg"});
                            vm.addFile(file,img.imageId,img.imageName);
                            console.log('file',file)
                        };
                    }, function (e) {
                      console.log("fileEntry.file==="+JSON.stringify(e));
                    });
                }, function (e) {
                      console.log("resolveLocalFileSystemURL==="+JSON.stringify(e));
                });
            },