使用wepy开发小程序-6|上传七牛功能的实现

如何实现一个简单的商家注册页面

页面准备

注册页面.png

我们的页面呢，大概就长上面的样子。不太好看，刚好用minUI美化一下。
首先安装下 input组件

sudo min install @minui/wxc-input --save

利用minUI组件，
我们简单搭的页面如下

minui搭界面.png

功能实现

1-node后台返回上传凭证（uptoken）

安装下载七牛这些就不说了，直接上代码吧。
简单代码实现如下：

node端七牛配置.png

然后我们再看小程序端：
还是要先去七牛社区下载一个小程序的sdk
然后将文件放到untils目录下，如果懒的写的话，就直接从demo里拽代码吧，这里稍作修改下。

小程序触发上传事件.png

另外还要注意一点是，我们要更新的data数据必须提前在data里写清楚，就比如说我们这个qiniuList,如果不做如下操作：

 data={
  qiniuList:null
}
methods = {
      tap(){
        console.log("戳戳");
        WX.uploadImg(this);//我是稍稍做了些处理，真的只是稍稍……
      }
}

上传成功后页面中的qiniuList也不会变的。

看，虽然简陋，但是功能实现了

这里只是简单的记述了我实现七牛上传的思路。其他逻辑判断的东西没有细写。