>實現效果  >實現步驟 1. 通過wx.chooseImage實現圖片選擇切換 2. 得到圖片的網絡地址，并通過設置isEmpty狀態控制圖片選擇 3. 將圖片地址以及isEmpty寫入緩存 4. onLoad時讀取緩存，加載 >wxml 通過三元表達式用isEmpty狀態控制圖片加載地址 ``` <image src="{{isEmpty? '/swiper/l1.jpg':imgUrl}}" catchtap="c_click" mode="aspectFill"/> ``` >js ``` data: { isEmpty: true, imgUrl: '' }, onLoad(){ var image = wx.getStorageSync("image"); if(image){ var imgUrl = image.imgUrl; var isEmpty = image.isEmpty; this.setData({ imgUrl, isEmpty }) } }, c_click(){ wx.chooseImage({ count: 9, sizeType: ['original','compressed'], sourceType: ['album','camera'], success: (result)=>{ /* 拿到圖片地址 */ var tempFilePaths = result.tempFilePaths; /* 將圖片地址 isEmpty狀態存入緩存 */ /* 其中存入的緩存 key為`image`,value為 {"imgUrl": tempFilePaths, "isEmpty": false} */ wx.setStorageSync('image', { "imgUrl": tempFilePaths, "isEmpty": false }); /* 獲取緩存中的key為image的緩存 */ var image = wx.getStorageSync('image'); /* 獲得圖片地址 */ var imgUrl = image.imgUrl; /* 獲得isEmpty狀態 */ var isEmpty = image.isEmpty; /* 寫入data中，等待onLoad獲取 */ this.setData({ imgUrl, isEmpty }); // console.log() } }); } ```