微信小程序后台获取签名，裁剪并上传图片至阿里云oss

微信小程序后台获取签名，裁剪并上传图片至阿里云oss

首先，设置微信开发者工具，选择校验合法域名，防止本地可应使用，线上报错问题；
其次，在微信公众平台–小程序开发，设置合法域名

Oss设置–>基础设置 -->公共读写
Oss设置–>基础设置 -->跨域规则–如下图

代码部分
Wxml部分

<!-- // 引入裁剪组件 -->

<import src="./we-cropper/we-cropper.wxml"/>  
<view class='cut-img-page'>
  <view class='cropper-wrapper-bg'>
    <view style='height: 1rpx;'></view>
    <view class="cropper-wrapper" style='margin-top: {
  
  {marTop}}px'>
      <template is="we-cropper" data="{
  
  {...cropperOpt}}"/>
      <view class="getCropperImage">
        <view bindtap='cancleCropper'>取消</view><view bindtap='getCropperImage'>确定</view>
      </view>
    </view>
  </view>
</view>

图片裁剪

js部分
    // pages/eqcenter/slidebox/uploadimg.js
    //裁剪用的是we-cropper插件，github链接地址“https://github.com/we-plugin/we-cropper”
    //我用的是直接下载zip文件，解压后将dist文件复制到项目中，命名为we-cropper，并在要使用的页面中引入->例如 const WeCropper = require('./we-cropper/we-cropper.js')
        const app = getApp();
        const WeCropper = require('./we-cropper/we-cropper.js')
        const device = wx.get