深入解析微信小程序开发中遇到的几个小问题


Posted in Javascript onJuly 11, 2020

本地图片不显示,开发工具运行是没问题的,但真机调试却显示不了

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)
}

总结

到此这篇关于微信小程序开发中遇到的几个小问题的文章就介绍到这了,更多相关小程序开发小问题内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
jQuery实现设置、移除文本框默认值功能
Jan 13 Javascript
JQuery球队选择实例
May 18 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
AngularJS中transclude用法详解
Nov 03 Javascript
利用JS判断鼠标移入元素的方向
Dec 11 Javascript
bootstrap多种样式进度条展示
Dec 20 Javascript
axios学习教程全攻略
Mar 26 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
小程序实现展开/收起的效果示例
Sep 22 Javascript
详解基于iview-ui的导航栏路径(面包屑)配置
Feb 22 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
Nov 19 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 #Javascript
详解JavaScript匿名函数和闭包
Jul 10 #Javascript
Vue watch响应数据实现方法解析
Jul 10 #Javascript
详解Vue之事件处理
Jul 10 #Javascript
jQuery开发仿QQ版音乐播放器
Jul 10 #jQuery
Element图表初始大小及窗口自适应实现
Jul 10 #Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 #Javascript
You might like
如何在PHP中使用Oracle数据库(2)
2006/10/09 PHP
php 之 没有mysql支持时的替代方案
2006/10/09 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
关于php中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
php 二维数组快速排序算法的实现代码
2017/10/17 PHP
Thinkphp 5.0实现微信企业付款到零钱
2018/09/30 PHP
ie8本地图片上传预览示例代码
2014/01/12 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
JS如何设置元素样式的方法示例
2017/08/28 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
VeeValidate 的使用场景以及配置详解
2019/01/11 Javascript
微信小程序实现菜单左右联动
2020/05/19 Javascript
[05:53]敌法师的金色冠名ID"BurNIng",是传说,是荣耀
2020/07/11 DOTA
Python实现二叉树结构与进行二叉树遍历的方法详解
2016/05/24 Python
python魔法方法-自定义序列详解
2016/07/21 Python
python3.6使用pymysql连接Mysql数据库
2018/05/25 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
python实现宿舍管理系统
2019/11/22 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
浅谈pycharm导入pandas包遇到的问题及解决
2020/06/01 Python
Python定义一个Actor任务
2020/07/29 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
巴西Bo.Bô官方在线商店:经营奢侈品时尚业务
2020/03/16 全球购物
中专毕业自我鉴定
2013/10/16 职场文书
应届生求职信写作技巧
2013/10/24 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
幼儿园小班评语大全
2014/04/17 职场文书
《莫泊桑拜师》教学反思
2014/04/23 职场文书
伦敦奥运会口号
2014/06/13 职场文书
暑假学习心得体会
2014/09/02 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
浅谈Python数学建模之整数规划
2021/06/23 Python
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL