美文网首页
手机上传文件到云服务器上

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

作者: mensionyu | 来源:发表于2018-10-25 23:50 被阅读0次

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

    项目结构

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

    <block wx:for="{{userList}}"> </block>

    <view class="floatBtn">

    <button size="mini" bindtap="navigateTo" type="primary" open-type="getUserInfo" bindgetuserinfo="getUserInfo">+

    </button></view>


    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);添加表成功返回的结果

    分别对应下图

    暴露了自己得vx

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

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

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

    相关文章

      网友评论

          本文标题:手机上传文件到云服务器上

          本文链接:https://www.haomeiwen.com/subject/vfuhtqtx.html