WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。
服务器一般保存的是图片相对路径,小程序使用WXS脚本将图片的相对路径变为绝对路径。
在utils文件夹下,新建“test.wxs”文件
module.exports = {
ImageUrl: function(path) {
var serverurl='https://您的域名'
return serverurl + path
}
}
WXML:
<!--加载WXS文件-->
<wxs module="filter" src="./../../utils/test.wxs"></wxs>
<!--使用WXS里的filter.ImageUrl函数格式化图片路径-->
<image style="width:100rpx; height:100rpx;" mode="scaleToFill" src="{{filter.ImageUrl(‘/image/test.png’)}}"></image>
这篇文档对您是否有帮助?