scr中为完整的接口请求地址，ip为动态从公共中获取，timedSnapShoot/showImg为接口地址，id为入参字段，shootId为所需的id，在后端不直接返回可以预览地址时，此写法可以将图片直接显示到页面中。
1，vue项目中使用：
HTML:
<el-image :src="IP + 'timedSnapShoot/showImg/'+ shootId +'?id=' + shootId" lazy></el-image>
JS：
data() {
return {
IP:'192.168.2.118::8080',
shootId:10,
}
}
2，微信小程序中：
WXML:
<image class="image_frame" src="{{IP + item.shootId + '?id' + item.shootId}}" mode="widthFix"></image>
JS：
Page({
data: {
IP:'http://192.168.2.102:4329/timedSnapShoot/showImg/',
shootId:1,
}
})
网友评论