11

pages/teamLeader/components/upload.vue

 <template>
 	<view class="upImg row justify-center items-center" @click="chooseImg">
-        <u-icon name="plus" color="#5B5B5B" size="42"/>
+		<u-icon name="plus" color="#5B5B5B" size="42" />
 	</view>
 </template>
 <script>
-export default {
+	export default {
 		props: [],
-    components: { },
+		components: {},
 		data() {
 			return {
 
@@ -23,23 +23,40 @@ export default {
 		},
 		methods: {
 			chooseImg() {
-            let that = this;
+				const that = this;
 				uni.chooseImage({
-                count: 1, //默认9
-                sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
-                sourceType: ["album"], //从相册选择
-                success: function (res) {
-                    wx.getFileSystemManager().readFile({
-                        filePath: res.tempFilePaths[0],
-                        encoding: "base64", //编码格式
-                        success: (ans) => {
+					count: 1,
+					sizeType: ['original', 'compressed'],
+					sourceType: ['album', 'camera'],
+					success(res) {
+						const src = res.tempFilePaths[0];
+						const ext = src.split('.').pop().toLowerCase();
+						if (ext === 'png') {
+							// PNG文
+							that.UploadFileMethod(src);
+						} else {
+							//其他格式（jpg、jpeg、webp）
+							uni.compressImage({
+								src,
+								quality: 75,
+								success(compRes) {
+									that.UploadFileMethod(compRes.tempFilePath);
+								},
+								fail(err) {
+									console.log(ext + '格式compressImage失败，使用原图上传', err);
+									that.UploadFileMethod(src);
+								}
+							});
+						}
+					}
+				});
+			},
+			UploadFileMethod(filePath) {
+				const that = this;
 				uni.showLoading({
 					title: "上传中",
 				});
-                            uni.getImageInfo({
-                                src: res.tempFilePaths[0],
-                                success: function(image) {
-                                    that.upFile(image.path, (uploadRes) => {
+				that.upFile(filePath, (uploadRes) => {
 					let BusinessLicense = JSON.parse(
 						uploadRes.data
 					);
@@ -49,25 +66,19 @@ export default {
 					}
 					const tempFilePath = BusinessLicense.FileName;
 					infor.name = tempFilePath;
-                                        infor.url = that.hostErpFile+BusinessLicense.FilePath
+					infor.url = that.hostErpFile + BusinessLicense.FilePath
 					that.$emit('onSuccess', infor);
-                                    },err=>{
+				}, err => {
 					uni.hideLoading()
 				});
-                                    console.log("res.tempFilePaths[0]",res.tempFilePaths[0]);
-                                }
-                            });
-                        },
-                    });
-                },
-            });
 			},
 			//图片上传
-        upFile(filePath,resCall) {
+			upFile(filePath, resCall) {
 				let that = this;
-            let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId : 1;
+				let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo")
+					.MallBaseId : 1;
 				let path = "/Upload/Temporary/"
-            let action = this.hostErpUpload+`/Upload/Index?filePath=${path}&ocr=1`
+				let action = this.hostErpUpload + `/Upload/Index?filePath=${path}`
 				uni.uploadFile({
 					url: action,
 					filePath: filePath,
@@ -79,7 +90,7 @@ export default {
 						if (uploadFileRes.statusCode == 200) {
 							uni.hideLoading()
 							resCall(uploadFileRes);
-                    }else{
+						} else {
 							wx.showToast({
 								title: uploadFileRes.message,
 								icon: 'none',
@@ -91,7 +102,7 @@ export default {
 					fail: function(err) {
 						console.log(err)
 						wx.showToast({
-                        title: '上传失败!'+JSON.stringify(err),
+							title: '上传失败!' + JSON.stringify(err),
 							icon: 'none',
 							duration: 1000
 						})
@@ -99,14 +110,15 @@ export default {
 				});
 			},
 		}
-}
+	}
 </script>
 <style lang="scss" scoped>
-@import url("@/asset/css/flex.css");
-.upImg{
+	@import url("@/asset/css/flex.css");
+
+	.upImg {
 		width: 208rpx;
 		height: 208rpx;
 		border-radius: 10rpx;
 		border: 1rpx solid #ededed;
-}
+	}
 </style>
\ No newline at end of file