uni-app中nuve image标签base64不显示问题

uni-app中nuve image标签base64不显示问题 产品分类：uniapp/App

项目 值
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 windows10
HBuilderX类型 正式
HBuilderX版本号 3.3.5
手机系统 iOS
手机系统版本号 iOS 15
手机厂商 苹果
手机机型 ios11
页面类型 nvue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

示例代码：

<template>  
    <view class="main">  
        <image :src="src" mode="aspectFill"></image>  
    </view>  
</template>  
<script>  
export default {  
    data() {  
        return {  
            src: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxMDAiIHdpZHRoPSIxMDAiPjxyZWN0IGZpbGw9InJnYigxNjAsMjI5LDIyNikiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48L3JlY3Q+PHRleHQgeD0iNTAiIHk9IjUwIiBmb250LXNpemU9IjUwIiB0ZXh0LWNvcHk9ImZhc3QiIGZpbGw9IiNmZmZmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIHRleHQtcmlnaHRzPSJhZG1pbiIgYWxpZ25tZW50LWJhc2VsaW5lPSJjZW50cmFsIj7pqaw8L3RleHQ+PC9zdmc+"  
        }  
    }  
}  
</script>  
style scoped>  
    .main image{  
        width: 100rpx;  
        height: 50rpx;  
    }  
</style>

操作步骤：

<template>  
    <view class="main">  
        <image :src="src" mode="aspectFill"></image>  
    </view>  
</template>  
<script>  
export default {  
    data() {  
        return {  
            src: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxMDAiIHdpZHRoPSIxMDAiPjxyZWN0IGZpbGw9InJnYigxNjAsMjI5LDIyNikiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48L3JlY3Q+PHRleHQgeD0iNTAiIHk9IjUwIiBmb250LXNpemU9IjUwIiB0ZXh0LWNvcHk9ImZhc3QiIGZpbGw9IiNmZmZmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIHRleHQtcmlnaHRzPSJhZG1pbiIgYWxpZ25tZW50LWJhc2VsaW5lPSJjZW50cmFsIj7pqaw8L3RleHQ+PC9zdmc+"  
        }  
    }  
}  
</script>  
style scoped>  
    .main image{  
        width: 100rpx;  
        height: 50rpx;  
    }  
</style>

更多关于uni-app中nuve image标签base64不显示问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app中nuve image标签base64不显示问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


nvue页面image标签不支持svg格式图片 感谢您的反馈，稍后会在文档附加说明

回到顶部