微信小程序上传多图到七牛

最新推荐文章于 2022-08-11 22:01:16 发布

lfkabb

最新推荐文章于 2022-08-11 22:01:16 发布

阅读量638

点赞数

CC 4.0 BY-SA版权

文章标签：小程序微信

本文链接：https://blog.csdn.net/lfkabb/article/details/120362461

记一次微信小程序上传多图到七牛的步骤和全部代码：

要做成的效果是这样的：

以图文的形式反馈，图片不超过九张。

微信小程序上传图片到七牛步骤：

1.第一次请求获得七牛token ：?s=App.Upload.QiniuToken

请求获得token和host.

2.用wx.chooseImage点击上传图片

3.wx.uploadFile 上传到七牛云： http://upload-z2.qiniup.com

先贴wxml代码：

<view class="fklr">
  <textarea class="inp" placeholder="输入反馈的内容" placeholder-class="inpt" value="{
  
  {feedbackInfo}}" bindblur="contentInput" maxlength="500"></textarea>
</view>
< 分割线
<view class="fgx"></view>
<!-- 分割线 -->
<view class="tjtp">添加图片</view>

<view class="dt">
  <view wx:if="{
  
  {tp}}" wx:for="{
  
  {tp}}" wx:key="index">
    <image class="more" bindlongpress="shanchu" data-id="{
  
  {index