文件名称:微信小程序-微信小程序上传图片组件源码及demo
文件大小:40KB
文件格式:ZIP
更新时间:2022-08-25 12:12:08
微信小程序
小程序上传图片示例组件 这是一个上传图片示例组件,目的在于展示如何在小程序中编写组件,请不要一点代码都不改直接拿来用于生产环境哦。 组件的关键设计思路,请看这篇文章 使用方法和注意事项 因为本组件有大量 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
【文件预览】:
wechat_mini_program_upload_img_module-master
----README.md(2KB)
----utils()
--------bluebird.js(160KB)
--------util.js(1KB)
--------wechat.js(755B)
----app.wxss(3KB)
----app.js(41B)
----pages()
--------upload_img_demo()
--------common()
--------.DS_Store(6KB)
----app.json(276B)