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