!116 【功能修复】修复真机环境下的图片上传问题

Merge pull request !116 from 卢越/master

sheep/components/s-uploader/choose-and-upload-file.js

@@ -204,32 +204,46 @@ async function uploadFiles(choosePromise, { onChooseFile, onUploadProgress }) {
 
   // 如果是前端直连上传
   if (UPLOAD_TYPE.CLIENT === import.meta.env.SHOPRO_UPLOAD_TYPE) {
-    for (const file of files) {
-      // 1.1 获取文件预签名地址
-      const { data: presignedInfo } = await FileApi.getFilePresignedUrl(file.name);
-      // 1.2 获取二进制文件对象
-      const fileBuffer = await convertToArrayBuffer(file);
-      // 1.3 上传文件
-      await uni.request({
-        url: presignedInfo.uploadUrl, // 预签名的上传 URL
-        method: 'PUT', // 使用 PUT 方法
-        header: {
-          'Content-Type': file.fileType + '/' + file.name.substring(file.name.lastIndexOf('.') + 1), // 设置内容类型
-        },
-        data: fileBuffer, // 文件的路径，适用于小程序
-        success: (res) => {
-          // 1.4. 记录文件信息到后端（异步）
-          createFile(presignedInfo, file);
-          // 1.5. 重新赋值
-          file.url = presignedInfo.url;
-          console.log('上传成功:', res);
-        },
-        fail: (err) => {
-          console.error('上传失败:', err);
-        },
-      });
-    }
-    return files;
+    // 为上传创建一组 Promise
+    const uploadPromises = files.map(async (file) => {
+      try {
+        // 1.1 获取文件预签名地址
+        const { data: presignedInfo } = await FileApi.getFilePresignedUrl(file.name);
+        // 1.2 获取二进制文件对象
+        const fileBuffer = await convertToArrayBuffer(file);
+
+        // 返回上传的 Promise
+        return new Promise((resolve, reject) => {
+          uni.request({
+            url: presignedInfo.uploadUrl, // 预签名的上传 URL
+            method: 'PUT', // 使用 PUT 方法
+            header: {
+              'Content-Type':
+                file.fileType + '/' + file.name.substring(file.name.lastIndexOf('.') + 1), // 设置内容类型
+            },
+            data: fileBuffer, // 文件的路径，适用于小程序
+            success: (res) => {
+              // 1.4. 记录文件信息到后端（异步）
+              createFile(presignedInfo, file);
+              // 1.5. 重新赋值
+              file.url = presignedInfo.url;
+              console.log('上传成功:', res);
+              resolve(file);
+            },
+            fail: (err) => {
+              console.error('上传失败:', err);
+              reject(err);
+            },
+          });
+        });
+      } catch (error) {
+        console.error('上传失败：', error);
+        throw error;
+      }
+    });
+
+    // 等待所有上传完成
+    return await Promise.all(uploadPromises); // 返回已上传的文件列表
   } else {
     // 后端上传
     for (let file of files) {

sheep/components/s-uploader/s-uploader.vue

@@ -44,13 +44,7 @@
 
 <script>
   import { chooseAndUploadFile, uploadCloudFiles } from './choose-and-upload-file.js';
-  import {
-    get_file_ext,
-    get_extname,
-    get_files_and_is_max,
-    get_file_info,
-    get_file_data,
-  } from './utils.js';
+  import { get_extname, get_files_and_is_max, get_file_data } from './utils.js';
   import uploadImage from './upload-image.vue';
   import uploadFile from './upload-file.vue';
   import sheep from '@/sheep';
@@ -352,22 +346,21 @@
       /**
        * 选择文件并上传
        */
-      chooseFiles() {
+      async chooseFiles() {
         const _extname = get_extname(this.fileExtname);
         // 获取后缀
-        uniCloud
-          .chooseAndUploadFile({
-            type: this.fileMediatype,
-            compressed: false,
-            sizeType: this.sizeType,
-            // TODO 如果为空，video 有问题
-            extension: _extname.length > 0 ? _extname : undefined,
-            count: this.limitLength - this.files.length, //默认9
-            onChooseFile: this.chooseFileCallback,
-            onUploadProgress: (progressEvent) => {
-              this.setProgress(progressEvent, progressEvent.index);
-            },
-          })
+        await chooseAndUploadFile({
+          type: this.fileMediatype,
+          compressed: false,
+          sizeType: this.sizeType,
+          // TODO 如果为空，video 有问题
+          extension: _extname.length > 0 ? _extname : undefined,
+          count: this.limitLength - this.files.length, //默认9
+          onChooseFile: this.chooseFileCallback,
+          onUploadProgress: (progressEvent) => {
+            this.setProgress(progressEvent, progressEvent.index);
+          },
+        })
           .then((result) => {
             this.setSuccessAndError(result);
           })
@@ -587,7 +580,7 @@
             path: v.path,
             size: v.size,
             fileID: v.fileID,
-            url: v.path,
+            url: v.url,
           });
         });
         return newFilesData;

sheep/components/s-uploader/utils.js

@@ -17,12 +17,11 @@ export const get_file_ext = (name) => {
  */
 export const get_extname = (fileExtname) => {
   if (!Array.isArray(fileExtname)) {
-    let extname = fileExtname.replace(/(\[|\])/g, '');
+    let extname = fileExtname.replace(/([\[\]])/g, '');
     return extname.split(',');
   } else {
     return fileExtname;
   }
-  return [];
 };
 
 /**
@@ -91,7 +90,7 @@ export const get_file_data = async (files, type = 'image') => {
     extname: extname || '',
     cloudPath: files.cloudPath,
     fileType: files.fileType,
-    url: files.path || files.path,
+    url: files.url || files.path,
     size: files.size, //单位是字节
     image: {},
     path: files.path,