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


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 相关文章推荐
Z-Blog中用到的js代码
Mar 15 Javascript
js继承 Base类的源码解析
Dec 30 Javascript
js 连接数据库如何操作数据库中的数据
Nov 23 Javascript
jQuery(非HTML5)可编辑表格实现代码
Dec 11 Javascript
js简单实现根据身份证号码识别性别年龄生日
Nov 29 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
JavaScript基本语法学习教程
Jan 14 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
Feb 22 Javascript
VsCode里的Vue模板的实现
Aug 12 Javascript
Vue OpenLayer 为地图绘制风场效果
Apr 24 Vue.js
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
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
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
探讨Hessian在PHP中的使用分析
2013/06/13 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
在javascript中关于节点内容加强
2013/04/11 Javascript
jquery中prop()方法和attr()方法的区别浅析
2013/09/06 Javascript
jquery 实现密码框的显示与隐藏示例代码
2013/09/18 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
归纳下js面向对象的几种常见写法总结
2016/08/24 Javascript
微信小程序 火车票查询实例讲解
2016/10/17 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
2016/12/14 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
如何让你的JS代码更好看易读
2017/12/01 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
2020/07/31 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
记一次vue跨域的解决
2020/10/21 Javascript
Python中MySQL数据迁移到MongoDB脚本的方法
2016/04/28 Python
mac系统安装Python3初体验
2018/01/02 Python
python使用logging模块发送邮件代码示例
2018/01/18 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
Python之字典对象的几种创建方法
2020/09/30 Python
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
美国大尺码女装零售商:TORRID
2016/10/01 全球购物
市场营销策划方案
2014/06/11 职场文书
幼儿园开学通知
2015/04/24 职场文书
企业反腐倡廉心得体会
2015/08/15 职场文书
2016年情人节问候语
2015/11/11 职场文书
JS封装cavans多种滤镜组件
2022/02/15 Javascript