Browse Source

使用原生手机拍照,优化企业微信拍照模糊问题

zhujindu 8 months ago
parent
commit
eb47ea6d16
2 changed files with 17 additions and 2 deletions
  1. 10 0
      src/api/H5Camera.js
  2. 7 2
      src/components/uploadVNormal.vue

+ 10 - 0
src/api/H5Camera.js

@@ -8,3 +8,13 @@ export function getSTSToken(query) {
     params: query,
   });
 }
+
+// 上传阿里云图片地址
+export function addH5Photo(data, signal) {
+  return request({
+    url: '/mobile/addH5Photo',
+    method: 'post',
+    data,
+    signal: signal,
+  });
+}

+ 7 - 2
src/components/uploadVNormal.vue

@@ -34,6 +34,7 @@ import imageAIVerifyErr from './imageAIVerifyErr';
 import H5Camera from '@/components/H5Camera';
 import axios from 'axios';
 import uploadAliOss from '@/utils/uploadAliOss';
+import { addH5Photo } from '@/api/H5Camera';
 
 export default {
   name: 'uploadImg',
@@ -134,9 +135,13 @@ export default {
     // 原生H5拍照图片
     // url: base64
     getImg(base64) {
-      uploadAliOss(base64, '测试111')
+      // 图片名称:用户名-时间戳
+      let username = localStorage.getItem('nickName');
+      let imgName = username + '-' + new Date().getTime();
+      uploadAliOss(base64, imgName)
         .then((res) => {
-          console.log('res:' + res);
+          debugger;
+          addH5Photo();
         })
         .catch((err) => {
           console.log('err:' + err);