vue 上传图片 base64图片无法显示的问题

后台返回的base64无法显示的原因

原因一：返回的base64中存在换行和空格，这样前端直接渲染的话就显示不出来
解决办法：

let strss = `data:image/jpg;base64,${res.data}`;
let image1path = strss.replace(/[\r\n]/g,"")

${res.data} 这个是返回的base64编码

vue 上传图片 base64图片无法显示的问题相关推荐

vue base64图片不显示_技巧 | word中插入的图片显示不完整怎么办？
已经好久没有更新了,都快忘记有这个公众号存在了~ 这几个月发生了很多事情,工作上的任务也迟迟没有减轻,之前保持的日记也已经很久没有写了.但是觉得要是没有什么用什么方式将脑袋中时不时飘过的念头记录下来的 ...
图片无法显示 base64图片无法显示图片体积过大无法显示
图片体积过大在vue项目中,经常使用webpack或其他打包工具,但因打包工具对图片的引入经常有大小限制,所以导致图片无法加载,一般来说,图片超过20kb就容易无法显示,此时应使用require引入 ...
vue 使用 el-image图片无法显示
问题:在vue 项目中使用 el-image 后,在图片路径无误的情况下显示图片加载失败 <el-carousel trigger="click" :height=" ...
uniapp 之 Base64图片的显示问题以及保存到相册
目录一.base64 图片显示问题二.base64 图片保存到相册一.base64 图片显示问题 uniapp 官网明文指出 image 标签的 src 支持base64 码: 但是 ...
vue上传图片及其图片回显
HTML部分 <div class="file"><input type="file" class="updata" ac ...
微信小程序中base64图片的显示与保存
当我们拿到如下base64格式的数据时: 显示使用image标签,src属性添加data:image/png;base64, (注意:若imgData返回数据中含有data:image/png;ba ...
vue上线后图片不显示_解决Vue打包后访问图片/图标不显示的问题
大家可否遇到过 npm run build打包后,项目在线上运行时,资源文件 (图片.图标)不显示的问题, 接下来,我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件打开此文件后 ...
vue中循环图片不显示问题
在Vue中通常使用v-for来遍历一个数组或者对象,但在去循环一个图片数组时出现了一些问题结果却无法显示图片经过百度之后得到了一个解决方法,通过require去动态获取图片路径这样图片就可以完全 ...
Base64图片页面显示
将 Base64 编码的图片在页面上显示,有两种方法: 1.使用 Data URI scheme Data URI scheme 是一种将小容量数据直接嵌入到文档中的技术.将 Base64 编码的图片 ...

vue 上传图片 base64图片无法显示的问题

后台返回的base64无法显示的原因

vue 上传图片 base64图片无法显示的问题相关推荐

最新文章

热门文章