小程序上传图片到七牛云

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、pandas是什么？

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

二、使用步骤

1.引入库

代码如下（示例）：

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

2.读入数据

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。

---

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。准备
图片上传到七牛云，需要两个准备条件：

在七牛云上有上传空间，可获取相应的token（这里是后台接口完成的，前端也可以完成，需要自己申请上报空间）；
在小程序相应的域名配置中把七牛云的域名配置上去（一开始用错了，根据请求返回修改好了，小程序的域名配置一个月只能改五次）；
图片上传
小程序上传图片只有两个关键API：
wx.chooseImage
wx.uploadFile

在wx.chooseImage调用成功时，可以获取到关于图片的文件信息，再上传七牛云

/**

/**

• 图片改变事件
  /
  bindImgChange() {
  wx.chooseImage({
  count: 1, // 最多可以选择的图片张数
  success: res => {
  //上传七牛云
  let tempFilePaths = res.tempFilePaths;
  this.uploadQiniu(tempFilePaths);
  }
  });
  },
  /*

• 图片上传七牛云
  */
  uploadQiniu(tempFilePaths) {
  let token = this.data.token;
  var that = this;
  wx.uploadFile({
  url: ‘https://upload.qiniup.com’,
  name: ‘file’,
  filePath: tempFilePaths[0],
  header: {
  “Content-Type”: “multipart/form-data”
  },
  formData: {
  token: token,
  },
  success: function(res) {
  let data = JSON.parse(res.data)

   console.log('qiniu');
   console.log(res);
   // to do ...
  

  },
  fail: function(res) {
  console.log(res)
  }
  });
  },
  statusCode == 200并返回data: "{“hash”:“FtyGbJAkkneNqIE3PYVx7jUn5NB3”,“key”:“FtyGbJAkkneNqIE3PYVx7jUn5NB3”}"说明成功了
  然后拿到后台传给你的url前缀与hash进行拼接，得到的地址就是完整的地址了，拼接注意不要漏掉‘/’