h5+ 读取本地图片文件，转为file对象

Posted 2023-04-20

参考技术A 依次读取照片的路径，输入路径字符串，得到文件对象；全程同步顺序操作；
手机图片文件详情中路径：内部存储/Pictures/IMG_1589761748105.jpg
程序中获取的路径：file:///storage/emulated/0/Pictures/IMG_1589761748105.jpg

class imgFileToFileObj
constructor()



submit: function ()
var box=new imgFileToFileObj();
var fileAllPath = 'file:///storage/emulated/0/Pictures/IMG_1589761748105.jpg';
var imgFileStrList = new Array();
imgFileStrList.push(fileAllPath);
imgFileStrList.push(fileAllPath);
imgFileStrList.push(fileAllPath);
(async () =>
var fileArrayOne= await box.doChange(imgFileStrList);
console.log(' 我应该是最后的最后 fileArray = '+fileArrayOne)
)()

js 获取file控件 选中图片的宽高

input file控件选中文件后，转为image对象就ok了

  var file = $(e)[0].files[0];

            let url = window.URL || window.webkitURL;
            console.log(url.createObjectURL(file));  //file 选中的文件 
            let img = new Image();              //手动创建一个Image对象
            img.src = url.createObjectURL(file);//创建Image的对象的url
            img.onload = function () {
                console.log(‘height:‘ + this.height + ‘----width:‘ + this.width)
            }