对于苹果手机拍出来的图片会存在自旋转问题,使用exif-js插件解决自旋转问题,让图片正常显示。
本机运行npm run electron:serve,该插件没有问题,但是打包项目后,再次运行,发现exif-js插件出现问题。
var _self = this;
let file = event.target.files[0];
exif.getData(file, function () {
var orientation = exif.getTag(this, "Orientation");
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = (e) => {
if (orientation) {
switch (orientation) {
case 1: // 不需要选择,正常
console.log(1);
_self.imageUrl = e.target.result;
break;
case 6: // 需要顺时针90度旋转
_self.ispicdivshow = true; //帮我挪下位置
console.log(6);
document.getElementById("imgshow").src = e.target.result;
_self.imageUrl = e.target.result;
// _self.deg = 90;
// _self.degType = "新增";
// document.getElementById(
// "imgshow"
// ).style.transform = `rotate(${90}deg)`;
break;
case 8: // 需要逆时针90度旋转
console.log(8);
_self.imageUrl = e.target.result;
// _self.deg = 270;
// document.getElementById("imgshow").src = e.target.result;
// document.getElementById(
// "imgshow"
// ).style.transform = `rotate(${270}deg)`;
break;
case 3:
console.log(3);
break;
}
} else {
//这里这里这里
_self.ispicdivshow = true; //帮我挪下位置——
_self.imageUrl = e.target.result;
// document.getElementById("imgshow").src = e.target.result;
// document.getElementById(
// "imgshow"
// ).style.transform = `rotate(${360}deg)`;
}
};
});
我原先是以为exif-js插件引入问题,但是引入没有问题,因为还是可以打印exif.getData,就是使用该插件时报的错;那么就排除打包引起插件引入不成功问题。
我希望打包后可以正常使用exif-js解决图片自旋转问题