微信小程序---多图上传到七牛，并从七牛传到服务器（多图上传和重命名）

本文主要是介绍微信小程序---多图上传到七牛，并从七牛传到服务器（多图上传和重命名），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

实现本地图片上传--->七牛---->服务器

1.调取图片上传wx.chooseImage({})

2.将上传的图片拼接成数组，并重命名

3. 上传至七牛,成功后返回key值，拼接成字符串后

• 在 SDK 目录下找到 qiniuUploader.js 文件，在需要使用上传功能的页面引用 qiniuUploader.js 文件， 该方法四个参数，上传成功的回调函数返回了成功上传图片的链接

• 获取七牛直传的token，调取后台接口文档七牛模块的前端使用接口，获取token和域名

• 图片路径数组

• 图片命名数组

4.上传至服务器

务必引入七牛的js:

var qiniuUploader = require('../../script/qiniuUploader.js');

第一步：index.wxml:

  <view class="gallery"><view class="item" wx:for="{{images}}" wx:key="index"><image src="{{item}}" data-src="{{item}}" bindtap="previewImage" mode="aspectFit" /><!-- 删除按钮 --><view class="delete" bindtap="delete" data-index="{{index}}"><image src='../image/delete.png' mode="widthFix"></image></view></view><view class="item2" bindtap="chooseImage"><view class='addIcon'><image src='../image/add.png'></image&g

这篇关于微信小程序---多图上传到七牛，并从七牛传到服务器（多图上传和重命名）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---