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,
}
})
网友评论