feat: 上传图片

api/apiList.js

@@ -33,8 +33,7 @@ export const GetPlanInfoAre = (data) =>
   request.post("/api/App/GetPlanInfoAre", data);
 
 // 获取计划列表
-export const GetPlanList = (data) =>
-  request.get("/api/App/GetPlanList", data);
+export const GetPlanList = (data) => request.get("/api/App/GetPlanList", data);
 
 // 获取单位信息
 export const GetCompanyInformation = (data) =>
@@ -48,6 +47,6 @@ export const ReportingNFCDanger = (data) =>
 export const UploadFiles = (formData) =>
   request.upload("/api/App/UploadFiles", formData);
 
-// 上传
-export const UploadArea = (data) =>
-  request.post("/api/App/UploadArea", data);
+// 修改上传接口定义
+export const UploadArea = (fileList, formData) =>
+  request.upload("/api/App/UploadArea", fileList, formData);

pages/index/uploadPhoto.vue

@@ -180,22 +180,13 @@ export default {
         return;
       }
 
-      const params = {
+      const res = await UploadArea(
+        this.imageList, // 文件路径数组
+        {
           id: this.params.areaId,
           note: this.remark,
-      };
-
-      const formData = new FormData();
-      formData.append("id", this.params.areaId);
-      formData.append("note", this.remark);
-      for (const file of this.imageList) {
-        formData.append("files", file);
         }
-
-      console.log("提交表单", params);
-      console.log("提交表单", picturesDto, this.remark);
-
-      const res = await UploadArea(formData);
+      );
 
       if (res.succeed) {
         // 成功的处理

utils/request.js

@@ -46,15 +46,16 @@ const baseRequest = async (url, method, data = {}, loading = true) => {
           }
         } else {
           if (successData.statusCode === 401) {
-            console.log(successData,'successData--')
-            console.log('%c%s', 'color:red', '登录过期')
+            console.log(successData, "successData--");
+            console.log("%c%s", "color:red", "登录过期");
             uni.showModal({
               title: "提示",
               content: "登陆过期,请重新登陆",
               showCancel: false,
               success: function (res) {
                 let u = navigator.userAgent;
-                let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android
+                let isAndroid =
+                  u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android
                 // let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios
                 try {
                   if (isAndroid && AndroidJs) {
@@ -70,7 +71,9 @@ const baseRequest = async (url, method, data = {}, loading = true) => {
                       name: "back-iphone",
                       data: "",
                     };
-                    window.webkit.messageHandlers.func.postMessage(JSON.stringify(reqRow)); // 给ios 传参
+                    window.webkit.messageHandlers.func.postMessage(
+                      JSON.stringify(reqRow)
+                    ); // 给ios 传参
                   }
                 } catch (e) {
                   console.log(e, "e-----判断安卓苹果类型出错");
@@ -78,7 +81,7 @@ const baseRequest = async (url, method, data = {}, loading = true) => {
               },
             });
             reject(res);
-            return
+            return;
           }
           console.log("网络连接失败，请稍后重试", url);
           toast("网络连接失败，请稍后重试");
@@ -94,8 +97,8 @@ const baseRequest = async (url, method, data = {}, loading = true) => {
   });
 };
 
-// 添加文件上传的基础方法
-const baseUpload = async (api, filePath, formData = {}, loading = true) => {
+// 修改基础上传方法以支持多文件
+const baseUpload = async (api, fileList, formData = {}, loading = true) => {
   if (loading) {
     uni.showLoading({
       title: "上传中...",
@@ -109,14 +112,14 @@ const baseUpload = async (api, filePath, formData = {}, loading = true) => {
   return new Promise((resolve, reject) => {
     uni.uploadFile({
       url: BASE_URL + api,
-      filePath: filePath,
-      name: "Files", // 文件对应的 key
-      formData: formData,
+      files: fileList.map((filePath) => ({
+        name: "Files",
+        uri: filePath,
+      })),
+      formData: formData, // 额外的表单数据
       header: header,
       success: (res) => {
         if (loading) uni.hideLoading();
-
-        // 处理响应数据
         if (res.statusCode === 200) {
           const data = JSON.parse(res.data);
           if (data.succeed) {
@@ -147,8 +150,8 @@ const baseUpload = async (api, filePath, formData = {}, loading = true) => {
 const request = {};
 
 // 将 upload 方法添加到 request 对象中
-request.upload = (api, filePath, formData, loading) =>
-  baseUpload(api, filePath, formData, loading);
+request.upload = (api, fileList, formData, loading) =>
+  baseUpload(api, fileList, formData, loading);
 
 ["options", "get", "post", "put", "head", "delete", "trace", "connect"].forEach(
   (method) => {