深入解析微信小程序開發(fā)中遇到的幾個(gè)小問題
本地圖片不顯示，開發(fā)工具運(yùn)行是沒問題的，但真機(jī)調(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)方法讀取本地文件夾中的所有圖片，報(bào)錯(cuò)'readdir:fail no such file or directory'
dirPath = '/goods/img'
同樣在開發(fā)工具上運(yùn)行是沒問題的，但真機(jī)調(diào)試就報(bào)錯(cuò)了。
問題所在：將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)目的根目錄
解決方案：暫無好的解決方法。（暫時(shí)用暴力法解決了：直接存下所有圖片的名稱，讀取后再分割拼接路徑。imgNames = '0.png,1.png,2.png'）
在js里讀取其它json文件的內(nèi)容
短時(shí)間內(nèi)沒找到讀取方法，因此用了替代方案：
將數(shù)據(jù)存在js文件里，設(shè)為一個(gè)變量，再用require方法來引用這個(gè)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ā)中遇到的幾個(gè)小問題的文章就介紹到這了,更多相關(guān)小程序開發(fā)小問題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JS pushlet XMLAdapter適配器用法案例解析
這篇文章主要介紹了JS pushlet XMLAdapter適配器用法案例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10
IE和Firefox(火狐)在JavaScript方面的不兼容及統(tǒng)一方法在本文做下總結(jié)，感興趣的朋友可以參考下2013-10-10
淺談Webpack自動(dòng)化構(gòu)建實(shí)踐指南
本篇文章主要介紹了Webpack自動(dòng)化構(gòu)建實(shí)踐指南，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
淺談webpack打包過程中因?yàn)閳D片的路徑導(dǎo)致的問題
下面小編就為大家分享一篇淺談webpack打包過程中因?yàn)閳D片的路徑導(dǎo)致的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要為大家詳細(xì)介紹了js上傳圖片預(yù)覽的實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05![[js高手之路]單例模式實(shí)現(xiàn)模態(tài)框的示例](http://img.jbzj.com/images/xgimg/bcimg5.png)
[js高手之路]單例模式實(shí)現(xiàn)模態(tài)框的示例
下面小編就為大家?guī)硪黄猍js高手之路]單例模式實(shí)現(xiàn)模態(tài)框的示例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
javascript表格隔行變色加鼠標(biāo)移入移出及點(diǎn)擊效果的方法
這篇文章主要介紹了javascript表格隔行變色加鼠標(biāo)移入移出及點(diǎn)擊效果的方法,涉及javascript實(shí)現(xiàn)隔行變色及鼠標(biāo)點(diǎn)擊效果的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
在javascript中，null＞=0 為真，null==0卻為假，null的值詳解
這篇文章主要介紹了在javascript中，null＞=0 為真，null==0卻為假，null的值詳解的相關(guān)資料,需要的朋友可以參考下2017-02-02
下面小編就為大家?guī)硪黄獙s eval()函數(shù)的一些見解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
Javascript 閉包引起的IE內(nèi)存泄露分析，js_obj是一個(gè)DOM元素的引用，DOM元素它長期在網(wǎng)頁當(dāng)中，不會(huì)消失，而這個(gè)DOM元素的一屬性2012-05-05