fix: 🐛 修复Upload文件小程序找不到文件,显示的问题

Author: 810505339

docs/component/upload.md

@@ -573,9 +573,10 @@ const customUpload: UploadMethod = (file, formData, options) => {
 使用 `preview-cover` 插槽可以自定义覆盖在预览区域上方的内容
 
 ```html
-<wd-upload v-model:file-list="fileList" accept="image" image-mode="aspectFill">
-  <template #preview-cover="{ file }">
-    <view class="preview-cover">{{ file.name }}</view>
+<wd-upload v-model:file-list="fileList" accept="image" image-mode="aspectFill" :action="action">
+  <template #preview-cover="{ file,index }">
+            <!-- 小程序拿不到文件 -->
+    <view class="preview-cover">{{ file?.name||`文件${index+1}` }}</view>
   </template>
 </wd-upload>
 <style>
@@ -586,6 +587,11 @@ const customUpload: UploadMethod = (file, formData, options) => {
 </style>
 ```
 
+```typescript
+const fileList = ref<UploadFile[]>([])
+const action: string = 'https://mockapi.eolink.com/zhTuw2P8c29bc981a741931bdd86eb04dc1e8fd64865cb5/upload'
+```
+
 ## Attributes
 
 | 参数                          | 说明                                                                                                                                                                           | 类型                                   | 可选值                                         | 默认值                     | 最低版本         |

src/pages/upload/Index.vue

@@ -75,9 +75,10 @@
     </demo-block>
 
     <demo-block title="自定义预览样式">
-      <wd-upload v-model:file-list="fileList16" accept="image" image-mode="aspectFill">
-        <template #preview-cover="{ file }">
-          <view class="preview-cover">{{ file.name }}</view>
+      <wd-upload v-model:file-list="fileList16" accept="image" image-mode="aspectFill" :action="action">
+        <template #preview-cover="{ file, index }">
+          <!-- 小程序拿不到文件 -->
+          <view class="preview-cover">{{ file.name || `文件${index}` }}</view>
         </template>
       </wd-upload>
     </demo-block>

src/uni_modules/wot-design-uni/components/wd-upload/wd-upload.vue

@@ -65,7 +65,7 @@
         @click="removeFile(index)"
       ></wd-icon>
       <!-- 自定义预览样式 -->
-      <slot name="preview-cover" v-if="$slots['preview-cover']" :file="file"></slot>
+      <slot name="preview-cover" v-if="$slots['preview-cover']" :file="file" :index="index"></slot>
     </view>
 
     <block v-if="showUpload">
@@ -566,7 +566,6 @@ function handlePreviewFile(file: UploadFileItem) {
 function handlePreviewImage(index: number, lists: string[]) {
   const { onPreviewFail } = props
   uni.previewImage({
-    file,
     urls: lists,
     current: lists[index],
     fail() {