小程序上传图片示例组件
这是一个上传图片示例组件,目的在于展示如何在小程序中编写组件,请不要一点代码都不改直接拿来用于生产环境哦。
组件的关键设计思路,请看这篇文章
使用方法和注意事项
因为本组件有大量 ES6 语法,请先勾选小程序开发工具中的“开启 ES6 转 ES5 ”选项
先在页面的 wxml 文件中引入本组件模板,下面的代码实例化了两个组件实例。 img1 与 img2 分别是两个实例的 key ,请确保同一个页面中不同实例的 key 不一样 :
<!--index.wxml-->
- 然后在页面的 js 文件中,先引入组件的类,定制各个组件的初始数据,然后实例化,与上面的代码对应的写法如下:
//index.js
const ImageUploader = require('../common/image_uploader/image_uploader.js');
Page({
data: {
img1: ImageUploader.mergeData({
imageUploadTitle: '定制标题1',//组件的标题
sourceType: ['camera
2021-11-14 19:25:18
40KB
微信小程序
1