欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 小程序开发二三事:图片错误显示默认图,数据请求head的设置 ...

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:504

HTML5影视传媒文化公司类网

2020-05-12   浏览:500

小程序开发二三事:图片错误显示默认图,数据请求head的设置 ...

发布时间:2020-11-26  

 

一:图片错误显示默认图

小程序的image组件不像普通html 的image,没有onerror属性,不过有个binderror回调方法。却不像onerror="this.src='/static/img/fmdefault.png'"来的方便。

binderror 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong'};

当图片错误时,调用binderror方法,然后去改变image的src绑定的值。

 

<image class="userinfo-avatar" src=http://www.yiyongtong.com/archives/"{{avatar}}" binderror="errorFunction"></image>

 

errorFunction: function(){

this.setData({

avatar: '/image/head.png'

})

}

 

二:数据请求head的设置

wx.request(OBJECT)

发起请求的方法有很多,默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT;

一般在项目开发中用得较多的就是GET 和 POST

在发起请求时,header 要设置正确:

get请求时为

 

header:{

"content-type":'application/json'

},

post请求时为:

 

header:{

"content-type":'application/x-www-form-urlencoded'

}

注意: POST时必须要设置"content-type":'application/x-www-form-urlencoded',否则,请求不成功!