Bladeren bron

fix: 修复上传组件图片显示和数据处理问题

修正上传组件中图片显示路径错误的问题,并正确处理上传接口返回的JSON数据
feige996 11 maanden geleden
bovenliggende
commit
4bed7f2d13
2 gewijzigde bestanden met toevoegingen van 4 en 4 verwijderingen
  1. 3 3
      src/hooks/useUpload.ts
  2. 1 1
      src/pages/about/components/upload.vue

+ 3 - 3
src/hooks/useUpload.ts

@@ -103,10 +103,10 @@ export default function useUpload<T extends TfileType>(options: TOptions<T> = {}
       tempFilePath: tempFilePath,
       formData,
       onSuccess: (res) => {
-        data.value = res
-        // https://oss.laf.run/ukw0y1-unibest/unibest.f5308ecd-06c3-463b-b3e0-5df08154c7f3.svg
+        const { data: _data } = JSON.parse(res)
+        data.value = _data
         // console.log('上传成功', res)
-        success?.(res)
+        success?.(_data)
       },
       onError: (err) => {
         error.value = err

+ 1 - 1
src/pages/about/components/upload.vue

@@ -15,7 +15,7 @@
       <view class="m-2">上传后返回的接口数据:</view>
       <view class="m-2">{{ data }}</view>
       <view class="h-80 w-full">
-        <image v-if="data" :src="data || data" mode="scaleToFill" />
+        <image v-if="data" :src="data.url" mode="scaleToFill" />
       </view>
     </template>
   </view>