diff --git a/src/api/interceptor.ts b/src/api/interceptor.ts
index 1d8214f..6e436c9 100644
--- a/src/api/interceptor.ts
+++ b/src/api/interceptor.ts
@@ -40,7 +40,7 @@ axios.interceptors.response.use(
   (response: AxiosResponse<HttpResponse>) => {
     const res = response.data;
     // if the custom code is not 20000, it is judged as an error.
-    if (res.code !== 20000) {
+    if (res.code !== 200) {
       Message.error({
         content: res.msg || 'Error',
         duration: 5 * 1000,
diff --git a/src/layout/default-layout.vue b/src/layout/default-layout.vue
index a5488a1..f747d0b 100644
--- a/src/layout/default-layout.vue
+++ b/src/layout/default-layout.vue
@@ -3,14 +3,14 @@
     <t-dialog
       v-model:visible="userStore.showLogin"
       attach="body"
-      header="登录"
+      :header="$t('global.login')"
       destroy-on-close
       :footer="false"
     >
       <template #body>
         <t-form ref="form" :data="formData" :colon="true" :label-width="0" @submit="onLogin">
           <t-form-item name="account">
-            <t-input v-model="formData.account" clearable placeholder="请输入账户名">
+            <t-input v-model="formData.account" clearable :placeholder="$t('global.username')">
               <template #prefix-icon>
                 <desktop-icon />
               </template>
@@ -18,7 +18,7 @@
           </t-form-item>
 
           <t-form-item name="password">
-            <t-input v-model="formData.password" type="password" clearable placeholder="请输入密码">
+            <t-input v-model="formData.password" type="password" clearable :placeholder="$t('global.password')">
               <template #prefix-icon>
                 <lock-on-icon />
               </template>
@@ -26,7 +26,7 @@
           </t-form-item>
 
           <t-form-item>
-            <t-button theme="primary" type="submit" block>登录</t-button>
+            <t-button theme="primary" type="submit" block>{{$t('global.login')}}</t-button>
           </t-form-item>
         </t-form>
       </template>
@@ -34,14 +34,14 @@
     <t-dialog
       v-model:visible="userStore.showRegister"
       attach="body"
-      header="注册"
+      :header="$t('global.register')"
       destroy-on-close
       :footer="false"
     >
       <template #body>
         <t-form ref="form" :data="formData" :colon="true" :label-width="0" @submit="onRegister">
           <t-form-item name="account">
-            <t-input v-model="formData.account" clearable placeholder="请输入账户名">
+            <t-input v-model="formData.account" clearable :placeholder="$t('global.username')">
               <template #prefix-icon>
                 <desktop-icon />
               </template>
@@ -49,7 +49,7 @@
           </t-form-item>
 
           <t-form-item name="password">
-            <t-input v-model="formData.password" type="password" clearable placeholder="请输入密码">
+            <t-input v-model="formData.password" type="password" clearable :placeholder="$t('global.password')">
               <template #prefix-icon>
                 <lock-on-icon />
               </template>
@@ -57,7 +57,7 @@
           </t-form-item>
 
           <t-form-item name="password2">
-            <t-input v-model="formData.password2" type="password" clearable placeholder="请再次输入密码">
+            <t-input v-model="formData.password2" type="password" clearable :placeholder="$t('global.password2')">
               <template #prefix-icon>
                 <lock-on-icon />
               </template>
@@ -65,7 +65,7 @@
           </t-form-item>
 
           <t-form-item>
-            <t-button theme="primary" type="submit" block>登录</t-button>
+            <t-button theme="primary" type="submit" block>{{$t('global.register')}}</t-button>
           </t-form-item>
         </t-form>
       </template>
@@ -126,6 +126,8 @@
   import usePermission from '@/hooks/permission';
   import useResponsive from '@/hooks/responsive';
   import PageLayout from './page-layout.vue';
+  import axios from 'axios';
+  import { Message } from '@arco-design/web-vue';
 
   const formData = reactive({
     account: '',
@@ -133,16 +135,45 @@
     password2: ''
   });
 
-  const onLogin = () => {
-    console.log(formData)
-    userStore.setInfo({
-      showLogin: false,
-      name: '开发中'
+  const onLogin = async () => {
+    const resp : any = await axios.post("https://k5.vicicode.com/wsapi/login", {
+      'username': formData.account,
+      'password': formData.password
     })
+    if(resp.code == 200){
+      userStore.setInfo({
+        showLogin: false,
+        name: formData.account,
+        accountId: resp.token
+      })
+    }
   }
 
-  const onRegister = () => {
-    console.log(formData)
+  const onRegister = async () => {
+    if(formData.password == '' || formData.account == ''){
+      Message.error({
+        content: '用户名及密码不能为空',
+        duration: 5 * 1000,
+      });
+      return;
+    }
+    if(formData.password != formData.password2){
+      Message.error({
+        content: '两次输入密码不一致',
+        duration: 5 * 1000,
+      });
+      return;
+    }
+    const resp : any = await axios.post("https://k5.vicicode.com/wsapi/register", {
+      'username': formData.account,
+      'password': formData.password
+    })
+    if(resp.code == 200){
+      userStore.setInfo({
+        showRegister: false,
+        showLogin: true
+      })
+    }
   }
 
   const isInit = ref(false);
diff --git a/src/locale/en-US.ts b/src/locale/en-US.ts
index 3b2eed3..871ac3e 100644
--- a/src/locale/en-US.ts
+++ b/src/locale/en-US.ts
@@ -141,6 +141,12 @@ export default {
   'global.use': 'Use',
   'tool.ssbpatch': 'LOSEHU S Firmware SI4732 SSB Patch',
   'tool.writessbpatch': 'SSB Patch Write',
+  'global.login': 'Login',
+  'global.register': 'Register',
+  'global.logout': 'Logout',
+  'global.username': 'Username',
+  'global.password': 'Password',
+  'global.password2': 'Retype password ',
   ...localeSettings,
   ...localeMessageBox,
   ...localeLogin,
diff --git a/src/locale/zh-CN.ts b/src/locale/zh-CN.ts
index a92dd94..39d7f68 100644
--- a/src/locale/zh-CN.ts
+++ b/src/locale/zh-CN.ts
@@ -141,6 +141,12 @@ export default {
   'global.use': '使用',
   'tool.ssbpatch': 'LOSEHU S 版固件 SI4732 单边带补丁',
   'tool.writessbpatch': '写入单边带补丁',
+  'global.login': '登录',
+  'global.register': '注册',
+  'global.logout': '退出',
+  'global.username': '请输入用户名',
+  'global.password': '请输入密码',
+  'global.password2': '请再次输入密码',
   ...localeSettings,
   ...localeMessageBox,
   ...localeLogin,
diff --git a/src/views/idea/firmware/index.vue b/src/views/idea/firmware/index.vue
index a253c55..5631871 100644
--- a/src/views/idea/firmware/index.vue
+++ b/src/views/idea/firmware/index.vue
@@ -8,67 +8,28 @@
                     <div style="margin-right: 20px;">
                         <template v-if="userStore.name">
                           <a-link @click="showPanel">&nbsp;&nbsp;{{ userStore.name }}&nbsp;&nbsp;</a-link>
-                          <a-link @click="userStore.logout()">&nbsp;&nbsp;退出&nbsp;&nbsp;</a-link>
+                          <a-link @click="userStore.logout()">&nbsp;&nbsp;{{ $t('global.logout') }}&nbsp;&nbsp;</a-link>
                         </template>
                         <template v-else>
-                          <a-link @click="userStore.setInfo({ showLogin: true })">&nbsp;&nbsp;登录&nbsp;&nbsp;</a-link>
-                          <a-link @click="userStore.setInfo({ showRegister: true })">&nbsp;&nbsp;注册&nbsp;&nbsp;</a-link>
+                          <a-link @click="userStore.setInfo({ showLogin: true })">&nbsp;&nbsp;{{ $t('global.login') }}&nbsp;&nbsp;</a-link>
+                          <a-link @click="userStore.setInfo({ showRegister: true })">&nbsp;&nbsp;{{ $t('global.register') }}&nbsp;&nbsp;</a-link>
                         </template>
                     </div>
                 </template>
                 <a-list>
-                    <a-list-item style="width: 100%;">
+                    <a-list-item style="width: 100%;" v-for="item in state.nowpage">
                         <a-list-item-meta
-                            title="LOSEHU126.bin"
-                            description="https://github.com/losehu/uv-k5-firmware-custom"
+                            :title="item.title"
+                            :description="item.desc"
                         >
                         </a-list-item-meta>
                         <template #actions>
-                            <a-link @click="useFirmware('/LOSEHU126.bin')">{{$t('global.use')}}</a-link>
-                        </template>
-                    </a-list-item>
-                    <a-list-item style="width: 100%;">
-                        <a-list-item-meta
-                            title="LOSEHU126K.bin"
-                            description="https://github.com/losehu/uv-k5-firmware-custom"
-                        >
-                        </a-list-item-meta>
-                        <template #actions>
-                            <a-link @click="useFirmware('/LOSEHU126K.bin')">{{$t('global.use')}}</a-link>
-                        </template>
-                    </a-list-item>
-                    <a-list-item style="width: 100%;">
-                        <a-list-item-meta
-                            title="LOSEHU126H.bin"
-                            description="https://github.com/losehu/uv-k5-firmware-custom"
-                        >
-                        </a-list-item-meta>
-                        <template #actions>
-                            <a-link @click="useFirmware('/LOSEHU126H.bin')">{{$t('global.use')}}</a-link>
-                        </template>
-                    </a-list-item>
-                    <a-list-item style="width: 100%;">
-                        <a-list-item-meta
-                            title="LOSEHU117P6（我基于 LOSEHU117 修改的固件）"
-                            description="https://github.com/silenty4ng/uv-k5-firmware-chinese-lts"
-                        >
-                        </a-list-item-meta>
-                        <template #actions>
-                            <a-link @click="useFirmware('/LOSEHU117P6.bin')">{{$t('global.use')}}</a-link>
-                        </template>
-                    </a-list-item>
-                    <a-list-item style="width: 100%;">
-                        <a-list-item-meta
-                            title="LOSEHU117P6K（我基于 LOSEHU117K 修改的固件）"
-                            description="https://github.com/silenty4ng/uv-k5-firmware-chinese-lts"
-                        >
-                        </a-list-item-meta>
-                        <template #actions>
-                            <a-link @click="useFirmware('/LOSEHU117P6K.bin')">{{$t('global.use')}}</a-link>
+                            <a-link @click="onStar(item.id)">👍</a-link>
+                            <a-link @click="useFirmware('https://k5.vicicode.com/wsapi/download?id=' + item.id)">{{$t('global.use')}}</a-link>
                         </template>
                     </a-list-item>
                 </a-list>
-                <t-pagination style="margin: 10px;" :total="5" showPageNumber :showPageSize="false" />
+                <t-pagination style="margin: 10px;" :total="state.total" :current="state.page" showPageNumber :showPageSize="false" />
             </a-card>
         </a-col>
       </a-row>
@@ -80,16 +41,16 @@
           </t-button>
         </div>
         <t-list :split="true">
-          <t-list-item v-for="item in 20">
+          <t-list-item v-for="item in state.myList">
             <div style="display: flex; width: 100%;">
               <div style="width: 90%;">
-                <t-tag theme="primary" variant="outline">审核中</t-tag>
-                固件名称
+                <t-tag theme="primary" variant="outline">{{ item.audit ? '已审核' : '审核中' }}</t-tag>
+                {{ item.title }}
                 <br>
-                固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述固件描述
+                {{ item.desc }}
               </div>
               <div style="width: 10%; margin: auto; text-align: center;">
-                <t-link theme="primary" hover="color">删除</t-link>
+                <t-link theme="primary" hover="color" @click="onDT(item.id)">删除</t-link>
               </div>
             </div>
           </t-list-item>
@@ -111,7 +72,7 @@
           <t-form-item label="固件文件" name="firmware" label-align="top">
             <t-upload
               v-model="formData.firmware"
-              action="https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo"
+              action="https://k5.vicicode.com/wsapi/base64"
               :abridge-name="[8, 6]"
               theme="file-input"
               placeholder="未选择文件"
@@ -126,10 +87,12 @@
   </template>
   
   <script lang="ts" setup>
-  import { reactive, nextTick } from 'vue';
+  import { reactive, nextTick, onMounted, watch } from 'vue';
   import { useAppStore, useUserStore } from '@/store';
   import { useRouter } from 'vue-router';
   import { RefreshIcon } from 'tdesign-icons-vue-next';
+  import axios from 'axios';
+  import { Message } from '@arco-design/web-vue';
 
   const appStore = useAppStore();
   const userStore = useUserStore();
@@ -141,13 +104,21 @@
     loading: boolean,
     showPanel: boolean,
     showUpload: boolean,
-    refLoading: boolean
+    refLoading: boolean,
+    myList: any,
+    total: number,
+    page: number,
+    nowpage: any
   } = reactive({
     binaryFile: undefined,
     loading: false,
     showPanel: false,
     showUpload: false,
-    refLoading: false
+    refLoading: false,
+    myList: [],
+    total: 0,
+    page: 1,
+    nowpage: []
   })
 
   const formData = reactive({
@@ -156,8 +127,29 @@
     firmware: []
   })
 
-  const showPanel = () => {
+  onMounted(async ()=>{
+    const resp : any = await axios.get("https://k5.vicicode.com/wsapi/list?type=0&page=" + state.page + "&t=" + Date.now())
+    state.total = resp.total
+    state.nowpage = resp.data
+  })
+
+  watch(state, async (n, o)=>{
+    if(n.page != o.page){
+      const resp : any = await axios.get("https://k5.vicicode.com/wsapi/list?type=0&page=" + state.page + "&t=" + Date.now())
+      state.total = resp.total
+      state.nowpage = resp.data
+    }
+  })
+
+  const showPanel = async () => {
+    state.refLoading = true;
     state.showPanel = true
+    const resp : any = await axios.post("https://k5.vicicode.com/wsapi/my_list", {
+      'type': 0,
+      'token': userStore.accountId
+    })
+    state.myList = resp.data
+    state.refLoading = false;
   }
 
   const showUpload = () => {
@@ -167,16 +159,45 @@
     state.showUpload = true
   }
 
-  const onUF = () => {
-    console.log(formData)
+  const onUF = async () => {
+    if(formData.title == "" || formData.firmware.length == 0){
+      Message.error({
+        content: '未填写名称及上传文件',
+        duration: 5 * 1000,
+      });
+      return;
+    }
+    await axios.post("https://k5.vicicode.com/wsapi/upload", {
+      'type': 0,
+      'token': userStore.accountId,
+      'title': formData.title,
+      'desc': formData.desc,
+      'data': formData.firmware[0].url
+    })
     state.showUpload = false;
+    showPanel()
+  }
+
+  const onDT = async (id: any) => {
+    await axios.post("https://k5.vicicode.com/wsapi/delete", {
+      'id': id,
+      'token': userStore.accountId,
+    })
+    showPanel()
+  }
+
+  const onStar = async (id: any) => {
+    await axios.post("https://k5.vicicode.com/wsapi/star", {
+      'id': id
+    })
+    Message.success({
+      content: '点赞成功',
+      duration: 5 * 1000,
+    });
   }
 
   const refit = () => {
-    state.refLoading = true;
-    setTimeout(() => {
-      state.refLoading = false;
-    }, 1000);
+    showPanel()
   }
   
   const useFirmware = (url: string) => {
diff --git a/src/views/idea/image/index.vue b/src/views/idea/image/index.vue
index 3d9df15..b0927ef 100644
--- a/src/views/idea/image/index.vue
+++ b/src/views/idea/image/index.vue
@@ -5,39 +5,32 @@
         <a-col :span="24">
             <a-card class="general-card" :title="$t('menu.image')">
               <template #extra>
-                  <div style="margin-right: 20px;">
-                      <template v-if="userStore.name">
-                        <a-link>&nbsp;&nbsp;{{ userStore.name }}&nbsp;&nbsp;</a-link>
-                        <a-link @click="userStore.logout()">&nbsp;&nbsp;退出&nbsp;&nbsp;</a-link>
-                      </template>
-                      <template v-else>
-                        <a-link @click="userStore.setInfo({ showLogin: true })">&nbsp;&nbsp;登录&nbsp;&nbsp;</a-link>
-                        <a-link @click="userStore.setInfo({ showRegister: true })">&nbsp;&nbsp;注册&nbsp;&nbsp;</a-link>
-                      </template>
-                  </div>
+                    <div style="margin-right: 20px;">
+                        <template v-if="userStore.name">
+                          <a-link @click="showPanel">&nbsp;&nbsp;{{ userStore.name }}&nbsp;&nbsp;</a-link>
+                          <a-link @click="userStore.logout()">&nbsp;&nbsp;{{ $t('global.logout') }}&nbsp;&nbsp;</a-link>
+                        </template>
+                        <template v-else>
+                          <a-link @click="userStore.setInfo({ showLogin: true })">&nbsp;&nbsp;{{ $t('global.login') }}&nbsp;&nbsp;</a-link>
+                          <a-link @click="userStore.setInfo({ showRegister: true })">&nbsp;&nbsp;{{ $t('global.register') }}&nbsp;&nbsp;</a-link>
+                        </template>
+                    </div>
               </template>
               <a-row :gutter="20">
-                <a-col :span="4" v-for="i in [
-                  { name: '罗狮虎', url: '/img1.png'},
-                  { name: '离线小恐龙', url: '/img2.png'},
-                  { name: '不忘初心牢记使命', url: '/img3.png'},
-                  { name: '为人民服务', url: '/img4.png'},
-                  { name: '严禁收听敌台广播', url: '/img5.png'},
-                  { name: '爱因斯坦', url: '/img6.png'},
-                ]">
+                <a-col :span="4" v-for="i in state.nowpage">
                   <t-card :style="{ width: '100%', marginBottom: '10px' }">
                     <template #cover>
-                      <img :title="i.name" :src="i.url">
+                      <img :title="i.title" :src="'https://k5.vicicode.com/wsapi/download?id=' + i.id">
                     </template>
                     <template #footer>
                       <t-row :align="'middle'" justify="center" style="gap: 24px">
                         <t-col flex="auto" style="display: inline-flex; justify-content: center">
-                          <t-button variant="text" shape="square" @click="upImg(i)">
+                          <t-button variant="text" shape="square" @click="onStar(i.id)">
                             <thumb-up-icon />
                           </t-button>
                         </t-col>
                         <t-col flex="auto" style="display: inline-flex; justify-content: center">
-                          <t-button variant="text" shape="square" @click="useImg(i)">
+                          <t-button variant="text" shape="square" @click="useImg('https://k5.vicicode.com/wsapi/download?id=' + i.id)">
                             <check-double-icon />
                           </t-button>
                         </t-col>
@@ -50,14 +43,67 @@
             </a-card>
         </a-col>
       </a-row>
+      <t-drawer v-model:visible="state.showPanel" size="50%" header="我的图片" :footer="false">
+        <div style="display: flex; align-items: center; justify-content: space-between;">
+          <t-button style="margin: 10px" @click="showUpload">上传新图片</t-button>
+          <t-button :loading="state.refLoading" shape="circle" theme="outline" @click="refit">
+            <template #icon> <RefreshIcon /> </template>
+          </t-button>
+        </div>
+        <t-list :split="true">
+          <t-list-item v-for="item in state.myList">
+            <div style="display: flex; width: 100%;">
+              <div style="width: 90%;">
+                <t-tag theme="primary" variant="outline">{{ item.audit ? '已审核' : '审核中' }}</t-tag>
+                {{ item.title }}
+                <br>
+                {{ item.desc }}
+              </div>
+              <div style="width: 10%; margin: auto; text-align: center;">
+                <t-link theme="primary" hover="color" @click="onDT(item.id)">删除</t-link>
+              </div>
+            </div>
+          </t-list-item>
+        </t-list>
+      </t-drawer>
+      <t-drawer v-model:visible="state.showUpload" size="25%" header="上传新图片" :footer="false">
+        <t-form
+          :data="formData"
+          reset-type="initial"
+          colon
+          @submit="onUF"
+        >
+          <t-form-item label="图片名称" name="title" label-align="top">
+            <t-input v-model="formData.title"></t-input>
+          </t-form-item>
+          <t-form-item label="图片描述" name="desc" label-align="top">
+            <t-textarea :autosize="{ minRows: 5, maxRows: 10 }" v-model="formData.desc" placeholder="请输入" clearable />
+          </t-form-item>
+          <t-form-item label="图片文件" name="firmware" label-align="top">
+            <t-upload
+              v-model="formData.firmware"
+              action="https://k5.vicicode.com/wsapi/base64"
+              :abridge-name="[8, 6]"
+              theme="file-input"
+              placeholder="未选择文件"
+            ></t-upload>
+          </t-form-item>
+          <t-form-item label-align="top">
+            <t-button theme="primary" type="submit" block>提交审核</t-button>
+          </t-form-item>
+        </t-form>
+      </t-drawer>
     </div>
   </template>
   
   <script lang="ts" setup>
   import { ThumbUpIcon, CheckDoubleIcon } from 'tdesign-icons-vue-next';
-  import { reactive, nextTick } from 'vue';
+  import { reactive, nextTick, onMounted, watch } from 'vue';
   import { useAppStore, useUserStore } from '@/store';
   import { useRouter } from 'vue-router';
+  import axios from 'axios';
+  import { Message } from '@arco-design/web-vue';
+  import { RefreshIcon } from 'tdesign-icons-vue-next';
   
   const appStore = useAppStore();
   const userStore = useUserStore();
@@ -66,21 +112,112 @@
 
   const state : {
     binaryFile: any,
-    loading: boolean
+    loading: boolean,
+    showPanel: boolean,
+    showUpload: boolean,
+    refLoading: boolean,
+    myList: any,
+    total: number,
+    page: number,
+    nowpage: any
   } = reactive({
     binaryFile: undefined,
-    loading: false
+    loading: false,
+    showPanel: false,
+    showUpload: false,
+    refLoading: false,
+    myList: [],
+    total: 0,
+    page: 1,
+    nowpage: []
+  })
+
+  
+  const formData = reactive({
+    title: '',
+    desc: '',
+    firmware: []
+  })
+
+  onMounted(async ()=>{
+    const resp : any = await axios.get("https://k5.vicicode.com/wsapi/list?type=1&page=" + state.page + "&t=" + Date.now())
+    state.total = resp.total
+    state.nowpage = resp.data
+  })
+
+
+  const showPanel = async () => {
+    state.refLoading = true;
+    state.showPanel = true
+    const resp : any = await axios.post("https://k5.vicicode.com/wsapi/my_list", {
+      'type': 1,
+      'token': userStore.accountId
+    })
+    state.myList = resp.data
+    state.refLoading = false;
+  }
+
+  const showUpload = () => {
+    formData.title = ''
+    formData.desc = ''
+    formData.firmware = []
+    state.showUpload = true
+  }
+
+  const onUF = async () => {
+    if(formData.title == "" || formData.firmware.length == 0){
+      Message.error({
+        content: '未填写名称及上传文件',
+        duration: 5 * 1000,
+      });
+      return;
+    }
+    await axios.post("https://k5.vicicode.com/wsapi/upload", {
+      'type': 1,
+      'token': userStore.accountId,
+      'title': formData.title,
+      'desc': formData.desc,
+      'data': formData.firmware[0].url
+    })
+    state.showUpload = false;
+    showPanel()
+  }
+
+  const onDT = async (id: any) => {
+    await axios.post("https://k5.vicicode.com/wsapi/delete", {
+      'id': id,
+      'token': userStore.accountId,
+    })
+    showPanel()
+  }
+
+  const onStar = async (id: any) => {
+    await axios.post("https://k5.vicicode.com/wsapi/star", {
+      'id': id
+    })
+    Message.success({
+      content: '点赞成功',
+      duration: 5 * 1000,
+    });
+  }
+
+  const refit = () => {
+    showPanel()
+  }
+
+  watch(state, async (n, o)=>{
+    if(n.page != o.page){
+      const resp : any = await axios.get("https://k5.vicicode.com/wsapi/list?type=1&page=" + state.page + "&t=" + Date.now())
+      state.total = resp.total
+      state.nowpage = resp.data
+    }
   })
   
-  const upImg = (i:any) => {
-    alert('图片工坊即将推出');
-  }
-  
-  const useImg = (i:any) => {
+  const useImg = (url:any) => {
     router.push({
       path: '/tool/image',
       query: {
-        url: i.url
+        url
       }
     });
   }
diff --git a/src/views/list/image/index.vue b/src/views/list/image/index.vue
index c83be78..3b46d2b 100644
--- a/src/views/list/image/index.vue
+++ b/src/views/list/image/index.vue
@@ -47,9 +47,12 @@ const state : {
 
 const route = useRoute();
 
-onMounted(()=>{
+onMounted(async ()=>{
   if(route.query.url){
-    useImg(route.query.url)
+    const img = await fetch(route.query.url, {
+      responseType: 'blob'
+    });
+    useImg(window.URL.createObjectURL(await img.blob()))
   }
 })