手机上传文件到云服务器上

1.新建小程序cloud_file 一个真实的目录如下


手机上传文件到云服务器上_第1张图片
项目结构

2.写小程序的首页,一个添加按钮,这个 按钮绑定一个点击事件,对应的事件函数是getUserInfo


const db = wx.cloud.database();//连接数据库

const userInfo = db.collection('userInfo')//查询数据库中的表

Page({

  data: {

    userList: []//用户列表设置为空,后面会设置

  },

  getUserInfo: function(result) {

    console.log(result);

    // openId 用户独有, 拿不到, 云函数可以拿到, 好几个接口

    // 云函数权限就是超级管理员

    wx.cloud.callFunction({

      name: 'getOpenId',            //云函数的名字

      complete: res => {               //云函数实现后的返回的结果 对结果进行了处理

        // 用户来了

        userInfo.add({                //    表中增加内容

          data: result.detail.userInfo    //设置键值 云函数返回result,

        }).then(res => {            //.then()在控制台输出表的信息

          console.log(res);

        })

        // console.log(res);

      }

    })

  },

  onShareAppMessage: (res) => {        //分享功能

    return {

      title: '吴世勋画报App',

      path: '/pages/index/index',

      imageUrl: 'https://636f-codingdream-74b4e5-1256758450.tcb.qcloud.la/687434.png',

      success: res => {

        console.log('转发成功')

      },

      fail: res => {

        console.log('转发失败')

      }

    }

  }

})


// 云函数入口文件

const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数

exports.main = async (event, context) => {

    // event 可以拿到OpenId 拿到用户

    console.log(event);

    return event.userInfo

}

注意控制台两次输出

1.console.log(event);调用云函数的结果

2.console.log(res);添加表成功返回的结果

分别对应下图


手机上传文件到云服务器上_第2张图片
暴露了自己得vx


手机上传文件到云服务器上_第3张图片


?云函数的基本形式,调用云函数的形式,与数据库连接存储数据

?云函数太厉害了 怎么实现的,

?图片是如何上传到云函数上的

你可能感兴趣的:(手机上传文件到云服务器上)