在微信小程序中，要顯示一張圖片，有兩種圖片加載方式：
1.加載本地圖片2.加載網(wǎng)絡(luò)圖片加載本地圖片src="/image/arrowright.png" 這句就是加載本地圖片資源的。
想想iOS中的加載本地圖片，imageName:,類似。
加載網(wǎng)絡(luò)圖片微信在加載網(wǎng)絡(luò)這方面封裝的還是很好的，包括語(yǔ)音和視頻的加載。
直接給'
src'
這個(gè)屬性附上地址，它會(huì)自動(dòng)加載。
這個(gè)imageUrl是在js文件中數(shù)據(jù)data:{
imageUrl:"http://img1.3lian.com/2015/w7/85/d/101.jpg" }
,也可以直接寫成下來就看看image的一些屬性需要注意的是：
image組件默認(rèn)寬度300px、高度225pxsrc就是上面代碼中用到的。
mode有12種模式，其中3種是縮放模式，9種是裁剪模式。
具體說明建議看官方文檔，很詳細(xì)。
點(diǎn)擊打開鏈接很簡(jiǎn)單就這些。
遺留問題在實(shí)踐中，想實(shí)現(xiàn)這樣一個(gè)功能：
點(diǎn)擊一個(gè)按鈕，讓這個(gè)圖片重新加載。
不知道怎樣可以在js文件中直接操作image。
后續(xù)學(xué)習(xí)或許會(huì)知道。
哪位仁兄知道方法請(qǐng)?jiān)诹粞灾胁涣哔n教。
補(bǔ)充遺留問題已經(jīng)找到答案。
在按鍵的響應(yīng)方法中直接用setData給imageUrl設(shè)定新的地址即可downLoadImage:function(event){
console.log(event) var that = this;
this.setData({
imageUrl:"http://h.hiphotos.baidu.com/zhidao/pic/item/6d81800a19d8bc3ed69473cb848ba61ea8d34516.jpg" }
) }
效果如下：
推薦：
《小程序開發(fā)教程》以上就是微信小程序的兩種圖片加載方式的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標(biāo)簽：
微信小程序圖片本文轉(zhuǎn)載于：
csdn，如有侵犯，請(qǐng)聯(lián)系[email protected]刪除
上一篇：
微信莫名退出登錄原因是什么？
下一篇：
微信在什么情況下會(huì)被限制登錄？相關(guān)文章相關(guān)視頻電腦桌面上的文件怎么發(fā)送到微信？微信公眾號(hào)怎么添加視頻？微信筆記如何添加到首頁(yè)怎么把圖片存為微信表情？微信打包發(fā)照片怎么發(fā)微信小程序的兩種圖片加載方式初識(shí)微信小程序(3)深入了解微信小程序(一)深入了解微信小程序(四)如何定制群發(fā)微信消息 [溫州做微信公眾號(hào)]