fire_control_mini/pages/user/imageCropper.js

// var config = require("../../../config.js");
const api = require('../../config/api.js');
const util = require('../../utils/util.js');

Page({
  data: {
    src: ''
  },
  onLoad: function (options) {
    //获取到image-cropper对象
    this.cropper = this.selectComponent("#image-cropper");
    //设置需要裁剪的图片路径，开始裁剪
    this.setData({
      src: options.image,
    });
    wx.showLoading({
      title: '加载中'
    })
  },
  cropperload(e) {
    console.log("cropper初始化完成");
  },
  loadimage(e) {
    console.log("图片加载完成", e.detail);
    wx.hideLoading();
    //重置图片角度、缩放、位置
    this.cropper.imgReset();
  },
  clickcut(e) {
    console.log(e.detail);
    //点击裁剪框阅览图片
    wx.previewImage({
      current: e.detail.url, // 当前显示图片的http链接
      urls: [e.detail.url] // 需要预览的图片http链接列表
    })
  },
  /**
   * 确认裁剪图片
   */
  getImg() {
    //调用函数说明中的getImg得到wx图片临时路径res.url
    this.cropper.getImg(res => {
      console.log(res)
      wx.showLoading({
        title: '上传中...',
        mask: true
      })
      //上传图片至FastDFS
      wx.uploadFile({
        filePath: res.url,
        name: 'file',
        url: api.UploadFile,
        header: {
          'token': wx.getStorageSync('token')
        },
        success: (res) => {
          var data = JSON.parse(res.data);

          console.log(data)
          var pages = getCurrentPages();
          var backPage = pages[pages.length - 2]; //上一个页面
          //将上传返回的图片地址记录下来，设置到上一个界面的this.data.promotionIcon中
          backPage.setData({
            avatar: data.data.link
          });
          wx.hideLoading()
          //成功了返回到上一个界面
          wx.navigateBack()
        }
      })
    })
  }
})