소스 검색

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

zhujindu 8 달 전
부모
커밋
74b2d4744a
3개의 변경된 파일11개의 추가작업 그리고 3개의 파일을 삭제
  1. 1 1
      src/api/H5Camera.js
  2. 1 1
      src/components/uploadVNormal.vue
  3. 9 1
      src/utils/uploadAliOss.js

+ 1 - 1
src/api/H5Camera.js

@@ -12,7 +12,7 @@ export function getSTSToken(query) {
 // 上传阿里云图片地址
 export function addH5Photo(data, signal) {
   return request({
-    url: '/mobile/addH5Photo',
+    url: '/mobile/storeGroup/addH5Photo',
     method: 'post',
     data,
     signal: signal,

+ 1 - 1
src/components/uploadVNormal.vue

@@ -147,7 +147,7 @@ export default {
         return;
       }
       // 图片名称:用户名-时间戳
-      let username = localStorage.getItem('nickName');
+      let username = localStorage.getItem('loginName');
       let imgName = username + '-' + new Date().getTime();
       uploadAliOss(base64, imgName)
         .then((res) => {

+ 9 - 1
src/utils/uploadAliOss.js

@@ -65,8 +65,16 @@ async function uploadAliOss(base64, filename) {
     },
   });
   let file = dataURLtoFile(base64, filename);
+
+  const regex = /^data:image\/(\w+);base64,/; // 正则表达式匹配base64数据头部
+  const matches = base64.match(regex);
+  let fileName = filename;
+  if (matches && matches.length === 2) {
+    matches[1]; // 返回第一个捕获组,即文件扩展名
+    fileName = filename + '.' + matches[1];
+  }
   try {
-    const result = await client.put(filename, file);
+    const result = await client.put(fileName, file);
     console.log(result);
     return result;
   } catch (e) {