img标签动态绑定本地图片地址不生效

如果一个img标签要根据图片变量来动态跟换src图片链接，如果src链接是远程的服务器图片地址都是没有问题的，但是如果是本地路径直接写，是不会生效的。
解决办法：可以通过这种办法来解决-${require('@/assets/chat/file.png')}
这里el-image标签和普通的img标签没差别什么差别。

    <el-imagelazy:class="[file.resourceType === 3 ? 'fileImg' : '']":src="file.resourceType === 1? file.response || file.resourceUrl: file.resourceType === 2? getAudioImg(file): `${require('@/assets/chat/file.png')}`"alt=""/>

img标签动态绑定本地图片地址不生效相关推荐

java实现本地图片转urljava中映射本地图片地址为url访问
1.编写一个工具类PhotoUtils实现WebMvcConfigurer,然后重写addResourceHandlers方法即可 @Component public class PhotoUtils ...
微信小程序之base64地址转换本地图片地址
1.新建base64src.js文件 const fsm = wx.getFileSystemManager(); const FILE_BASE_NAME = 'tmp_base64src'; // ...
HTML的图片标签image的图片地址
使用相对路径,例如,当前目录中的子目录 image 中的图片 1.jpg,可以写成 ./image/1.jpg,其中 ./ 表示当前目录,可以省略不写. <image src="ima ...
WEB前端之html img标签引用本地图片
我觉得语法大家都应该明白怎么写 <img src="img/demo.PNG">很简单但是我在第一次写的时候总是出现图片加载不出来的情况然后发现只要把图片文件夹放 ...
uniapp图片不显示 - 变量动态修改图片地址不生效 - 图片src路径错误
效果图完整代码 <template><view><image :src="popupImgSrc1" mode="aspectFit&qu ...
element 上传图片前获取本地图片地址
:on-change事件 handleChange(file, fileList) { console.log("file", URL.createObjectURL(file.r ...
vant库 van-image标签无法引用本地图片
如果把van-swipe-item写成for循环,内部的van-image标签无法使用本地图片,解决办法: 1.把van-image标签换成img,去掉for循环的使用 <van-swipe : ...
android底部导航栏网络请求有冲突,Android 自定义底部导航栏 CustomizeTabLayout（支持访问网络图片、本地图片）...
先看效果网络图片(使用第三方库Glide加载图片) GIF1.gif 本地图片 GIF2.gif 使用方法 xml(布局可关联鸿洋大神的AutoLinearLayout可完美适配) activity ...
input file本地图片预览的方法（兼容IE、Chrome和Firefox）
JS兼容各个浏览器的本地图片上传即时预览效果 2014-02-26 我来说两句收藏我要投稿很早以前在杭州银行工作曾经碰到这么一个需求,当时也是纠结了很久,也是go ...

img标签动态绑定本地图片地址不生效

img标签动态绑定本地图片地址不生效相关推荐

最新文章

热门文章