技術標籤：web前端#小程式

需求

點選上傳圖片按鈕，並將上傳的圖片在模擬器中顯示

wxml程式碼

<button bindtap="uploadImg">上傳圖片</button>
<view>
	<image src="{{item}}" wx:for="{{images}}" wx:key="index"></image>
</view>

js程式碼

uploadImg()函式錯誤寫法

//js程式碼
uploadImg(){ 
	wx.
 
chooseImage({
		count: 4,
		sizeType: ['original', 'compressed'],
		sourceType: ['album', 'camera'],
		success (res){ //更改為success:res=> 
			// tempFilePath可以作為img標籤的src屬性顯示圖片
			const tempFilePaths = res.tempFilePaths
			console.log(tempFilePaths)
			this.setData({
				images:this.data.images.concat
 
(tempFilePaths)
			})
		}
	})
},

控制檯報錯如下

正確寫法（更改第六行）

uploadImg(){
	wx.chooseImage({
		count: 4,
		sizeType: ['original', 'compressed'],
		sourceType: ['album', 'camera'],
		success:res=> {
			// tempFilePath可以作為img標籤的src屬性顯示圖片
			const tempFilePaths = res.tempFilePaths
			console.log(tempFilePaths)
 

			this.setData({
				images:this.data.images.concat(tempFilePaths)
			})
		}
	})
},