眾所周知的是php中想讓圖片正常顯示出來，就需要知道圖片的src-路徑，知道了路徑，不僅在html程式碼中可以正常顯示，在css檔案也可以正常顯示，那麼在小程式裡邊圖片要怎麼顯示呢？

其實小程式裡邊想要顯示圖片，也是有兩種途徑，方法和php中大同小異，不過需要注意的是，在wxss樣式檔案裡邊是不識別本地的圖片url的，但是它是認可網路路徑圖片。

讓我們先來看一下開發者文件中關於image的介紹

第一種：載入本地圖片，只要是路徑沒問題就會正常顯示

<image src="../images/1.jpg" mode="aspectFill">  
</image> 

第二種呢就是通過js載入傳輸或者利用wxss樣式修改背景圖片

wxml模板程式碼

<image src="{{imageUrl}}" mode="aspectFill">  
</image>  

js程式碼

data:{  
    imageUrl:"http://www.runoob.com/try/demo_source/paris.jpg"  
}, 

或者直接在src屬性上寫網路圖片地址

<image class="image_frame" src="http://www.runoob.com/try/demo_source/paris.jpg" mode="aspectFill">  
</image>  

如果在wxss樣式中用到背景圖片就必須用網路圖片了，使用本地圖片地址會報錯的

.main{
  background-image: url(http://www.runoob.com/try/demo_source/paris.jpg);
}