[已删除]
[已删除]
  • 发布:2021-07-26 12:04
  • 更新:2021-07-26 12:04
  • 阅读:1021

【报Bug】uni-app自定义基座无法显示image标签中的file:///storage开头路径图片

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 21H1

HBuilderX类型: 正式

HBuilderX版本号: 3.1.22

手机系统: Android

手机系统版本号: Android 11

手机厂商: 华为

手机机型: nova 7 SE 鸿蒙OS

页面类型: nvue

打包方式: 离线

项目创建方式: HBuilderX

示例代码:
<image class="user-avatar" :src="signUpForm.avatar||'/static/icon/tab-bar/me.png'" mode="aspectFit"  
                    @tap="changeAvatar(signUpForm)" ></image>
function changeAvatar(signUpForm) {  
    // #ifdef MP  
    uni.showModal({  
        title: "提示",  
        content: "因小程序无法直接截取图片,所以您应该提供一个宽高比为1:1的图片,且图片大小不超过1MB",  
        showCancel: false,  
        confirmText: "我知道了",  
        success() {  
            getImageMP(signUpForm);  
        }  
    })  
    // #endif  
    // #ifdef APP-PLUS  
    getImage(signUpForm);  
    // #endif  
}  
function getImage(signUpForm) {  
    uni.chooseImage({ // 从相册选择图片  
        count: 1,  
        crop: {  
            width: 500,  
            height: 500,  
            resize: true,  
        },  
        sizeType: "original",  
        success: (e) => { // 这里存在一个bug,在自定义调试基座下,如果是从相册中选择的照片,无法在头像位置显示。  
            console.log(e);  
              
            signUpForm.avatar = e.tempFilePaths[0]; // 将临时的文件路径放到头像中  
        },  
        fail: (e) => {  
            console.log(e);  
            if (e.errCode !== 0) {  
                uni.showToast({  
                    icon: 'none', // 无图标  
                    position: 'bottom', // 显示位置在屏幕下方,仅APP有效  
                    title: "获取图片失败",  
                })  
            }  
        }  
    })  
}

操作步骤:

制作自定义调试基座(代码和标准基座相同),在image标签中无法显示使用uni.chooseImage这个API拿到的相册中的图片。

预期结果:

正常显示

实际结果:

不显示图片

bug描述:

在页面中image标签上,无法展示file:///storage开头的图片。图片是通过uni.chooseImage这个API获取的相册图片,但是得到的图片路径并不是一个临时路径,而是一个永久路径,比如file:///storage/emulated/0/Pictures/DImage/1627270454089.jpg,在自定义调试基座中无法展示这一图片,但是在标准基座中可以展示。不知道是那里bug

2021-07-26 12:04 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复