123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- Page({
- /**
- * 页面的初始数据
- */
- data: {
- fileList: [
- {
- url: 'https://img.yzcdn.cn/vant/leaf.jpg',
- status: 'uploading',
- message: '上传中'
- }
- ]
- },
- /**
- * 生命周期函数--监听页面加载
- */
- onLoad(options) {
- },
- /**
- * 生命周期函数--监听页面初次渲染完成
- */
- onReady() {
- },
- /**
- * 生命周期函数--监听页面显示
- */
- onShow() {
- },
- /**
- * 生命周期函数--监听页面隐藏
- */
- onHide() {
- },
- /**
- * 生命周期函数--监听页面卸载
- */
- onUnload() {
- },
- /**
- * 页面相关事件处理函数--监听用户下拉动作
- */
- onPullDownRefresh() {
- },
- /**
- * 页面上拉触底事件的处理函数
- */
- onReachBottom() {
- },
- /**
- * 用户点击右上角分享
- */
- onShareAppMessage() {
- },
- beforeRead(event) {
- const { file, callback } = event.detail
- callback(file.type === 'image')
- },
- afterRead(event) {
- const { file } = event.detail
- // 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
- wx.uploadFile({
- url: 'https://example.weixin.qq.com/upload', // 仅为示例,非真实的接口地址
- filePath: file.url,
- name: 'file',
- formData: { user: 'test' },
- success(res) {
- // 上传完成需要更新 fileList
- const { fileList = [] } = this.data
- fileList.push({ ...file, url: res.data })
- this.setData({ fileList })
- }
- })
- },
- delete(event) {
- const { index } = event.detail
- this.data.fileList.splice(index, 1)
- this.setData({
- fileList: this.data.fileList
- })
- },
- onSubmit(e) {
- console.log(e.detail)
- }
- })
|