深入解析微信小程序開發(fā)中遇到的幾個小問題
本地圖片不顯示,開發(fā)工具運行是沒問題的,但真機調(diào)試卻顯示不了
item.img = '/goods/img/圖片.png' <image src=" { { item.img } } " class="image"> </image>
經(jīng)過仔細(xì)觀察發(fā)現(xiàn),路徑是沒問題的,問題在于圖片名不能是中文的,把它改成字母+數(shù)字就好了。
使用FileSystemManager.readdir(Object object)方法讀取本地文件夾中的所有圖片,報錯'readdir:fail no such file or directory'
dirPath = '/goods/img'
同樣在開發(fā)工具上運行是沒問題的,但真機調(diào)試就報錯了。
問題所在:將dirPath設(shè)成'/',讀取該文件夾下的所有文件名后得:
0: "app-service.js"
1: "app-config.json"
2: "app-service.js.map"
3: "page-frame.html"
真機調(diào)試時,readdir方法的根目錄并不是項目的根目錄
解決方案:暫無好的解決方法。(暫時用暴力法解決了:直接存下所有圖片的名稱,讀取后再分割拼接路徑。imgNames = '0.png,1.png,2.png'
)
在js里讀取其它json文件的內(nèi)容
短時間內(nèi)沒找到讀取方法,因此用了替代方案:
將數(shù)據(jù)存在js文件里,設(shè)為一個變量,再用require方法來引用這個js文件。
let list = [ { "id": "1", "name": "測試產(chǎn)品名字", "category": "分類1", "price": "123.5", "description": "產(chǎn)品的簡單介紹", "img": "0.png", }, { "id": "2", "name": "測試產(chǎn)品名字2", "category": "分類2", "price": "125.5", "description": "產(chǎn)品的簡單介紹", "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) }
總結(jié)
到此這篇關(guān)于微信小程序開發(fā)中遇到的幾個小問題的文章就介紹到這了,更多相關(guān)小程序開發(fā)小問題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript setTimeout和setInterval的使用方法 說明
兩個函數(shù)都是可以用來實現(xiàn)一段時間后執(zhí)行一段javascript代碼的效果。兩個函數(shù)都有兩個參數(shù),前面的都是執(zhí)行表達(dá)式,后面的是隔的秒數(shù)。2010-03-03原生JavaScript實現(xiàn)合并多個數(shù)組示例
這篇文章主要介紹了原生的JavaScript及jquery實現(xiàn)合并多個數(shù)組,很簡單,很實用,大家可以看看2014-09-09Javascript本地存儲localStorage看這一篇就夠了
這篇文章主要給大家介紹了關(guān)于Javascript本地存儲localStorage的相關(guān)資料,localStorage會可以將第一次請求的數(shù)據(jù)直接存儲到本地,這個相當(dāng)于一個5M大小的針對于前端頁面的數(shù)據(jù)庫,需要的朋友可以參考下2024-07-07使用JavaScript判斷圖片是否加載完成的三種實現(xiàn)方式
有時需要獲取圖片的尺寸,這需要在圖片加載完成以后才可以,本文有三個不錯的實現(xiàn)方式在此與大家分享下2014-05-05jQuery javascript獲得網(wǎng)頁的高度與寬度的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨Query javascript獲得網(wǎng)頁的高度與寬度的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考2016-04-04Javascript添加監(jiān)聽與刪除監(jiān)聽用法詳解
這篇文章主要介紹了Javascript添加監(jiān)聽與刪除監(jiān)聽用法,較為詳細(xì)的分析了javascript原理與用法,并補充說明了事件監(jiān)聽的兼容性問題,非常具有實用價值,需要的朋友可以參考下2014-12-12