uni-app uni-admin使用schema2生成页面图片无法预览

uni-app uni-admin使用schema2生成页面图片无法预览

# 产品分类
uniCloud/App

## 操作步骤:
```json
{
    "bsonType": "object",
    "required": [
        "bannerfile"
    ],
    "permission": {
        "read": true
    },
    "properties": {
        "_id": {
            "description": "ID,系统自动生成"
        },
        "bannerfile": {
            "bsonType": "file",
            "fileMediaType": "image",
            "title": "图片",
            "description": "图片文件信息,包括文件名、url等"
        },
        "open_url": {
            "bsonType": "string",
            "description": "点击跳转目标地址",
            "title": "跳转地址",
            "format": "url",
            "pattern": "^(http://|https://|/|./|@/)\\S",
            "trim": "both"
        },
        "title": {
            "bsonType": "string",
            "description": "轮播图的标题",
            "maxLength": 20,
            "title": "标题",
            "trim": "both"
        },
        "sort": {
            "bsonType": "int",
            "description": "数字越小,排序越前",
            "title": "排序"
        },
        "status": {
            "bsonType": "bool",
            "defaultValue": true,
            "title": "生效状态"
        },
        "description": {
            "bsonType": "string",
            "description": "bannner图标描述",
            "title": "描述",
            "trim": "both"
        }
    },
    "version": "0.0.1"
}

预期结果:

<uni-td align="center">  
    <uni-file-picker v-if="item.bannerfile && item.bannerfile.fileType == 'image'" :value="item.bannerfile" :file-mediatype="item.bannerfile && item.bannerfile.fileType" return-type="object" :imageStyles="imageStyles" readonly></uni-file-picker>  
    <uni-link v-else :href="item.bannerfile && item.bannerfile.url" :text="item.bannerfile && item.bannerfile.url"></uni-link>  
</uni-td>

实际结果:

<uni-td align="center">  
    <uni-file-picker v-if="item.bannerfile && item.bannerfile.fileType == 'image'" :value="item.bannerfile" :file-mediatype="item.bannerfile && item.bannerfile.fileType" return-type="object" :imageStyles="imageStyles" readonly></uni-file-picker>  
    <uni-link v-else :href="item.bannerfile && item.bannerfile.url" :text="item.bannerfile && item.bannerfile.url"></uni-link>  
</uni-td>

bug描述:

uni-admin使用schema2生成页面,新增图片后,返回列表,数据库正常,图片无法预览~,vue的版本是vue3的,看了一下vue2和Vue3schema2生成的代码完全一样,为何vue3生成的不能预览


更多关于uni-app uni-admin使用schema2生成页面图片无法预览的实战教程也可以访问 https://www.itying.com/category-93-b0.html

10 回复

已确认bug, 请直接更新 uni-file-picker 到最新版即可

更多关于uni-app uni-admin使用schema2生成页面图片无法预览的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请问这个bug修复了吗,我手动更新uni-file-picker组件为最新版后还是存在这个问题

回复 Neveregret: 已经可以了,你要么更新错了,要么代码写错了,再试试

回复 DCloud_uniCloud_VK: 需要更新schema2code这个插件后重新生成一次代码吗

回复 Neveregret: schema2code插件没有更新,更新的只有uni-file-picker, 生成的代码不变

经过测试,用vue2版本的uni-admin,schema2生成页面生成的页面回显图片正常,vue3版本不正常

请问这个问题解决了吗,我也遇到这个问题了

手动更新下 uni-file-picker 组件

更新了,还是不行

回复 Neveregret: 有错误吗

回到顶部