Vue中插入base64图片实现方式
更新时间：2026年05月15日 09:27:00 作者：合衬i
文章主要讲述了在Vue中插入base64图片的方法,包括在模板中写入img标签、在methods中写入事件以及调用后端接口,作者分享了个人经验,希望能为读者提供参考
Vue插入base64图片
1.template模板中写入img标签
<!-- base64图片 --> <img :src="formLabelAlign.deptPic" />
2.methods中写入事件
cargoinfo.examineshow({ id: row.id }).then((response) => {
if (response.status == 200) {
this.formLabelAlign = response.data;
this.formLabelAlign.deptPic = `data:image/png;base64,${response.data.deptPic}`;
}
});3.调后端接口
// 下载预览
function examineshow(params) {
return request({
url: `/epidemic/examine/show`,
method: 'get',
params
})
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
这篇文章主要介绍了vue项目配置 webpack-obfuscator 进行代码加密混淆,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-02-02
使用vue.js2.0 + ElementUI开发后台管理系统详细教程（二）
这篇文章主要介绍了使用vue.js2.0 + ElementUI开发后台管理系统详细教程（二），非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
在Vue开发中使用:style绑定样式是常见需求,应注意:class与:style的配合使用,错误的使用可能导致样式不生效,正确的方法是使用数组绑定多个样式,这些技巧有助于提高开发效率和保持代码整洁,感兴趣的朋友跟随小编一起看看吧2024-09-09
这篇文章主要介绍了vue实现移动端项目多行文本溢出省略功能，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
vuex是一个专门为vue.js设计的集中式状态管理架构。这篇文章主要介绍了全站最详细的Vuex教程,需要的朋友可以参考下2018-04-04
vue+element-ui 校验开始时间与结束时间的实现代码
这篇文章主要介绍了vue+element-ui 校验开始时间与结束时间的代码实现,最主要的需求是开始时间不能早于当前时间,感兴趣的朋友跟随小编一起看看吧2024-07-07
这篇文章主要给大家总结介绍了关于vue项目调试的三种方法,大家可以根据需要选择调试方法,文中通过图文介绍的非常详细,需要的朋友可以参考下2023-09-09
解决ant-design-vue中menu菜单无法默认展开的问题
这篇文章主要介绍了解决ant-design-vue中menu菜单无法默认展开的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
这篇文章主要介绍了Vue+Springboot实现接口签名的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
这篇文章主要介绍了Vue的土著指令和自定义指令的用法讲解 ,需要的朋友可以参考下2018-02-02
最新评论