手机端图片上传

src/router/index.js

@@ -39,8 +39,8 @@ const router = createRouter({
               component: () => import("@/views/plink/index.vue"),
             },
             {
-              path: "/cookbook",
-              component: () => import("@/views/cookbook/index.vue"),
+              path: "/appshare",
+              component: () => import("@/views/appshare/index.vue"),
             },
           ],
         },

src/util/menu.js

@@ -26,13 +26,13 @@ const menuInfo = {
     },
     {
       key: "5",
-      label: () => h(RouterLink, { to: "/cookbook", class: "menu-item font-[500] text-lg" }, { default: () => "菜谱" }),
+      label: () => h(RouterLink, { to: "/appshare", class: "menu-item font-[500] text-lg" }, { default: () => "软件分享" }),
     },
     {
       key: "6",
       label: () => h(RouterLink, { to: "/plink", class: "menu-item font-[500] text-lg" }, { default: () => "友链" }),
     },
   ],
-  menuList: ["/home", "/gallery", "/article", "/widget","/cookbook","/plink"],
+  menuList: ["/home", "/gallery", "/article", "/widget","/appshare","/plink"],
 };
 export default menuInfo;

src/views/appshare/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div>
+
+  </div>
+</template>
+
+<script setup>
+//mark import
+
+//mark data
+
+//mark method
+
+//mark 周期、内置函数等
+
+
+</script>
+
+<style scoped>
+
+</style>

src/views/console/gallery/index.vue

@@ -19,7 +19,7 @@
 
       <falls :fileList="list" :count="acount" :bot="bottomLen" pathname="filepath" v-slot="{ file }">
         <div class="img mb-1" @contextmenu="handdlemenu($event, file)" @longpress="handdlemenu($event, file)">
-          <n-image height="200px" :src="file.filepath" object-fit="fill" :img-props="{ loading: 'lazy' }" />
+          <n-image height="200px" :src="file.filepath" object-fit="fill" />
         </div>
       </falls>
 

src/views/mobile/gallery/index.vue

@@ -33,8 +33,9 @@
         </template>
       </n-modal>
     </n-scrollbar>
-    <n-upload multiple action="https://www.hxyouzi.com/api/file/upload" accept="image/*"
-      :headers="{ Authorization: token }" :show-file-list="false" :on-finish="fileFinish">
+    <n-upload multiple action="https://www.hxyouzi.com/pic/upload" accept="image/*"
+    :data="{ strategy_id: 2 }" 
+    :headers="{ Authorization: 'Bearer ' + '2|RKsuwoT7mbtuTW7Eguc566uwt7Wg4qgpGA6XTpM1' }" :show-file-list="false" :on-finish="fileFinish">
       <n-button type="primary">上传图片</n-button>
     </n-upload>
   </div>
@@ -51,16 +52,16 @@ const bottomLen = ref(20)
 // console.log(4444, size.conH);
 const list = ref([]);
 const token = cookie.get("token");
-function fileFinish(file) {
-  const res = JSON.parse(file.event.currentTarget.response);
-  // console.log(res);
-  if (res.code == 1) {
-    $msg.success(res.msg);
-    getMyfile();
-  } else {
-    $msg.error(res.msg);
-  }
-}
+// function fileFinish(file) {
+//   const res = JSON.parse(file.event.currentTarget.response);
+//   // console.log(res);
+//   if (res.code == 1) {
+//     $msg.success(res.msg);
+//     getMyfile();
+//   } else {
+//     $msg.error(res.msg);
+//   }
+// }
 
 async function getMyfile() {
   list.value = [];
@@ -252,6 +253,23 @@ function arrCount() {
   acount.value = Math.floor(cw * 0.95 / (pw + 20))
 }
 
+async function fileFinish(file) {
+  const res = JSON.parse(file.event.currentTarget.response);
+  console.log("返回文件", res);
+  const r = await $http.file.uploadImg({
+    url: res.data.links.url,
+    filename: res.data.origin_name,
+  });
+  console.log("上传服务器", r);
+
+  if (r.code == 1) {
+    $msg.success(r.msg);
+    getMyfile();
+  } else {
+    $msg.error(r.msg);
+  }
+}
+
 onMounted(() => {
   arrCount()
 })