Image processing 使用余烬上载和调整图像大小/裁剪图像

我正在为以下帖子中的图像构建上传功能：

但我想在上传到服务器之前对所选图像进行一些更改；换句话说，我希望当用户选择上传700万像素（5MB）的图像时，它的大小会调整为640x480（只有几KB）的图像（最终裁剪），然后上传

有人这样做过吗？

您可以使用

将jQuery裁剪器包装到ember组件中

示例：

// app/components/avatar-cropper.js
import imageCropper from 'ember-cli-image-cropper/components/image-cropper';

export default imageCropper.extend({
  //override default options of cropper
  aspectRatio: 1,
  minCropBoxWidth: 100,
  minCropBoxHeight: 100,
  cropperContainer: '.cropper-container > img',
  previewClass: '.img-preview',
  croppedAvatar: null,

  actions: {
    getCroppedAvatar: function() {
      var container = this.$(this.get('cropperContainer'));
      var croppedImage = container.cropper('getCroppedCanvas');
      this.set('croppedAvatar', croppedImage);
    }
  }
});

---

希望这有帮助

这听起来更像是一个通用的javascript问题，而不是特定于余烬的问题。你可以做一些类似于这篇文章中提到的事情