在之前的博客《Node.js+express+MySQL使用七牛云实现的用户头像修改》,已经实现了在MUI框架或者《 Ajax实现图片上传》。之前都是使用Node.js写的一个后台接口,就可以使用ajax上传了,在MUI框架中的mui.ajax其实还是ajax。在《Node.js+express+MySQL使用七牛云实现的用户头像修改》我已经详细的说了怎么配置七牛了,这里不再说明。 准备工作 配置uploadFile合法域名 在做微信小程序的图片上传之前我们需要先配置uploadFile的合法域名。这个可以看《微信小程序开发(一)新建小程序项目》的服务器配置部分。 看小程序文档 看小程序文档—wx.uploadFile,看文档主要是看小程序给的api是怎么使用的。在使用wx.uploadFile之前需要先使用wx.chooseImage(OBJECT)这个api,因为我们需要先选择图片。 代码实现 有了上面的准备工作后我们就可以实际操作了。 小程序端的实现 小程序端的实现其实很简单,一个事件去出发选择上传操作。
这里我也开放我的两个图片上传的接口:
这两个接口的使用大家可以看上线的文章,遇见接口不能使用时可以联系我,我开服务器。 服务端的实现 在实现服务端,我们需要使用一个新的模块multer,关于这个模块的使用,大家可以看文档就是了。 代码:
后端代码其实也很简单的。理清思路就好做了。 效果图 这里写图片描述 手机不能搞gif图,就电脑截屏了,这个在微信预览是一样的。 |
微信小程序开发(二)图片上传
发布:2018-04-20 10:38浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08