admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-06 17:18:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
810505339 2024-09-23 15:32:43 +08:00
parent ef6433d81c
commit c13e6058a2
3 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/component/upload.md
View File

@ -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
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 |

7
src/pages/upload/Index.vue
View File

@ -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>

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

@ -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() {