daima

pages/users/feedback/add.vue

@@ -28,7 +28,7 @@
 						<image class="pic" :src="a"></image>
 						<image class="del" @click="toDel(i)" src="@/static/fabu-cha.png"></image>
 					</view>
-					<view class="upload" @click="uploadImg()">
+					<view class="upload" @click="chooseAvatar()">
 						<image class="pic" src="@/static/fankui-tianjia.png"></image>
 						<view class="txt">上传图片</view>
 					</view>
@@ -56,15 +56,22 @@
 				<view class="title">反馈提交成功</view>
 				<view class="btn" @click="show = false">我知道了</view>
 			</view>
+		</u-popup>
+		<u-popup v-model="show1" mode="top" :mask-close-able='false' :zIndex="5">
+			<view class="permissions_box">
+				当您使用APP时，为了提供图片上传的功能，我们需要申请相机/存储权限。
+			</view>
 		</u-popup>
 	</view>
 </template>
 
-<script>
+<script>
+	import permision from "@/js_sdk/wa-permission/permission.js"
 	export default {
 		data() {
 			return {
-				show: false,
+				show: false,
+				show1: false,
 				imgurl: [],
 				content: "",
 				tabIndex: 1,
@@ -73,6 +80,56 @@
 			};
 		},
 		methods: {
+			recorderAuthModal: function () {
+				const that = this;
+				uni.showModal({
+					title: '温馨提示',
+					content: '为了提供图片上传的功能，我们需要申请相机/存储权限，请您确认授权，否则无法使用该功能~',
+					cancelText: '关闭',
+					confirmText: '去授权',
+					success(res) {
+						that.show1=false
+						if (res.confirm) {
+							permision.gotoAppPermissionSetting()
+						}
+					}
+				})
+			},
+			chooseAvatar() {
+				const that = this;
+				// APP检查权限
+				if(uni.getSystemInfoSync().platform == 'android') {
+					plus.android.checkPermission(
+						'android.permission.WRITE_EXTERNAL_STORAGE',
+						granted => {
+						  if (granted.checkResult==-1){
+							that.show1=true
+						  }else{
+							that.show1=false
+							// 此为uView的跳转方法，详见"文档-JS"部分，也可以用uni的uni.navigateTo
+							that.uploadImg();
+						  }
+						},
+						error => {
+						  console.error('Error checking permission:', error.message);
+						}
+					  );
+					 that.requestAndroidPermission('android.permission.WRITE_EXTERNAL_STORAGE')
+					return ;
+				}
+				that.uploadImg();
+			},
+			async requestAndroidPermission(permisionID) {
+				const that = this;
+				var result = await permision.requestAndroidPermission(permisionID);
+				if(result != 1){
+					that.recorderAuthModal();
+				}else{
+					that.show1=false
+					// 此为uView的跳转方法，详见"文档-JS"部分，也可以用uni的uni.navigateTo
+					that.uploadImg();
+				}
+			},
 			toPage() {
 				uni.navigateTo({
 					url: "/pages/users/feedback/list"

pages/users/feedback/index.vue

@@ -39,7 +39,7 @@
 						<image class="pic" :src="a"></image>
 						<image class="del" @click="toDel(i)" src="@/static/fabu-cha.png"></image>
 					</view>
-					<view class="upload" @click="uploadImg()">
+					<view class="upload" @click="chooseAvatar()">
 						<image class="pic" src="@/static/fankui-tianjia.png"></image>
 						<view class="txt">上传图片</view>
 					</view>
@@ -55,15 +55,23 @@
 				<view class="title">提交成功</view>
 				<view class="btn" @click="show = false">我知道了</view>
 			</view>
+		</u-popup>
+		<u-popup v-model="show1" mode="top" :mask-close-able='false' :zIndex="5">
+			<view class="permissions_box">
+				当您使用APP时，为了提供图片上传的功能，我们需要申请相机/存储权限。
+			</view>
 		</u-popup>
 	</view>
 </template>
 
-<script>
+<script>
+	
+	import permision from "@/js_sdk/wa-permission/permission.js"
 	export default {
 		data() {
 			return {
 				show: false,
+				show1: false,
 				imgurl: [],
 				content: "",
 				reportUserId: "",
@@ -78,7 +86,57 @@
 			this.id = o.id;
 			this.uid = o.uid;
 		},
-		methods: {
+		methods: {
+			recorderAuthModal: function () {
+				const that = this;
+				uni.showModal({
+					title: '温馨提示',
+					content: '为了提供图片上传的功能，我们需要申请相机/存储权限，请您确认授权，否则无法使用该功能~',
+					cancelText: '关闭',
+					confirmText: '去授权',
+					success(res) {
+						that.show1=false
+						if (res.confirm) {
+							permision.gotoAppPermissionSetting()
+						}
+					}
+				})
+			},
+			chooseAvatar() {
+				const that = this;
+				// APP检查权限
+				if(uni.getSystemInfoSync().platform == 'android') {
+					plus.android.checkPermission(
+						'android.permission.WRITE_EXTERNAL_STORAGE',
+						granted => {
+						  if (granted.checkResult==-1){
+							that.show1=true
+						  }else{
+							that.show1=false
+							// 此为uView的跳转方法，详见"文档-JS"部分，也可以用uni的uni.navigateTo
+							that.uploadImg();
+						  }
+						},
+						error => {
+						  console.error('Error checking permission:', error.message);
+						}
+					  );
+					 that.requestAndroidPermission('android.permission.WRITE_EXTERNAL_STORAGE')
+					return ;
+				}
+				that.uploadImg();
+			},
+			async requestAndroidPermission(permisionID) {
+				const that = this;
+				var result = await permision.requestAndroidPermission(permisionID);
+				if(result != 1){
+					that.recorderAuthModal();
+				}else{
+					that.show1=false
+					// 此为uView的跳转方法，详见"文档-JS"部分，也可以用uni的uni.navigateTo
+					that.uploadImg();
+				}
+			},
 			//上传图片
 			uploadImg() {
 				const that = this

unpackage/dist/build/app-plus/__uniappview.html

@@ -1,25 +1,25 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-
-  <head>
-    <meta charset="UTF-8" />
-    <script>
-      var __UniViewStartTime__ = Date.now();
-      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
-        CSS.supports('top: constant(a)'))
-      document.write(
-        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
-        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
-    </script>
-    <title>View</title>
-    <link rel="stylesheet" href="view.css" />
-  </head>
-
-  <body>
-    <div id="app"></div>
-    <script src="__uniappes6.js"></script>
-    <script src="view.umd.min.js"></script>
-    <script src="app-view.js"></script>
-  </body>
-
-</html>
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var __UniViewStartTime__ = Date.now();
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title>View</title>
+    <link rel="stylesheet" href="view.css" />
+  </head>
+
+  <body>
+    <div id="app"></div>
+    <script src="__uniappes6.js"></script>
+    <script src="view.umd.min.js"></script>
+    <script src="app-view.js"></script>
+  </body>
+
+</html>