处理铜川的学生头像侧倒的bug

zyd_public/utils/handlePhoto.js

 import React, { useState } from 'react';
 
-export default function HandlePhoto({ urlObj, style, ...props}) {
+
+/***
+ * 处理铜川学生头像颠倒的bug
+ * */
+export default function HandlePhoto({ urlObj, style, ...props }) {
 	let url = '';
 	try {
 		url = JSON.parse(urlObj).url;
@@ -8,6 +12,24 @@ export default function HandlePhoto({ urlObj, style, ...props}) {
 		url = urlObj;
 	}
 	const [needTransForm, setTransform] = useState(false);
+	if (url) {
+		getIsNeedTransform(url).then((res) => {
+			if (res) {
+				setTransform(true);
+			}
+		});
+	} else {
+		return null;
+	}
+	let styleThis = {
+		...style,
+		transform: needTransForm ? 'rotate(-90deg)' : 'none',
+	};
+	return <img src={url} {...props} style={styleThis} />;
+}
+
+export function getIsNeedTransform(url) {
+	return new Promise((resolve, reject) => {
 		if (url) {
 			const img = new Image();
 			img.src = url;
@@ -15,24 +37,24 @@ export default function HandlePhoto({ urlObj, style, ...props}) {
 			if (img.complete) {
 				// 打印
 				if (img.width > img.height) {
-        setTransform(true);
+					resolve(true);
+				} else {
+					resolve(false);
 				}
-      console.log(img.width, img.height);
-      // alert('from:complete : width:'+img.width+',height:'+img.height)
 			} else {
 				// 加载完成执行
 				img.onload = () => {
 					if (img.width > img.height) {
-          setTransform(true);
+						resolve(true);
+					} else {
+						resolve(false);
 					}
 				};
 			}
-  }else{
-    return null;
-  }
-  let styleThis = {
-    ...style,
-    transform : needTransForm ? 'rotate(-90deg)' : 'none',
+
+			img.onerror = () => {
+				resolve(false);
+			};
 		}
-  return <img src={url} {...props} style={styleThis}/>
+	});
 }