├── README.md ├── app.js ├── app.json ├── app.wxss ├── pages ├── .DS_Store ├── common │ ├── image_uploader │ │ ├── image_uploader.js │ │ ├── image_uploader.wxml │ │ └── image_uploader.wxss │ └── lib │ │ └── weui.wxss └── upload_img_demo │ ├── index.js │ ├── index.json │ ├── index.wxml │ └── index.wxss └── utils ├── bluebird.js ├── util.js └── wechat.js /README.md: -------------------------------------------------------------------------------- 1 | ## 小程序上传图片示例组件 2 | 3 | 这是一个上传图片示例组件,目的在于展示如何在小程序中编写组件,**请不要一点代码都不改直接拿来用于生产环境哦**。 4 | 5 | 组件的关键设计思路,请看[这篇文章](https://judes.me/tech/2017/02/11/wechat_app.html) 6 | 7 | ## 使用方法和注意事项 8 | 9 | - 因为本组件有大量 ES6 语法,请先勾选小程序开发工具中的“开启 ES6 转 ES5 ”选项 10 | - 先在页面的 wxml 文件中引入本组件模板,下面的代码实例化了两个组件实例。 `img1` 与 `img2` 分别是两个实例的 `key` ,请确保同一个页面中不同实例的 `key` 不一样 : 11 | ``` 12 | 13 | 14 | 15 |