微信小程序開發中遇到的幾個小問題


本地圖片不顯示,開發工具運行是沒問題的,但真機調試卻顯示不了

item.img = '/goods/img/圖片.png'
<image src="{{item.img}}" class="image"></image>
經過仔細觀察發現,路徑是沒問題的,問題在於圖片名不能是中文的,把它改成字母+數字就好了。

使用FileSystemManager.readdir(Object object)方法讀取本地文件夾中的所有圖片,報錯'readdir:fail no such file or directory'

dirPath = '/goods/img'
同樣在開發工具上運行是沒問題的,但真機調試就報錯了。
問題所在:將dirPath設成'/',讀取該文件夾下的所有文件名后得:

0: "app-service.js"
1: "app-config.json"
2: "app-service.js.map"
3: "page-frame.html"

真機調試時,readdir方法的根目錄並不是項目的根目錄

解決方案:暫無好的解決方法。(暫時用暴力法解決了:直接存下所有圖片的名稱,讀取后再分割拼接路徑。imgNames = '0.png,1.png,2.png'

在js里讀取其它json文件的內容

短時間內沒找到讀取方法,因此用了替代方案:
將數據存在js文件里,設為一個變量,再用require方法來引用這個js文件。

let list = [
  {
    "id": "1",
    "name": "測試產品名字",
    "category": "分類1",
    "price": "123.5",
    "description": "產品的簡單介紹",
    "img": "0.png",
  },
  {
    "id": "2",
    "name": "測試產品名字2",
    "category": "分類2",
    "price": "125.5",
    "description": "產品的簡單介紹",
    "img": "1.png,2.png,3.png,4.png",
  },
  ...
]
module.exports = {
  goodsList: list
}
let goodsInfo = require('../../goods/info.js');
let list = goodsInfo.goodsList
for(let goods of list){
    console.log(goods)
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM