vue-image-crop-upload一个漂亮的vue图片剪裁上传组件

预览链接点击预览 效果图如下所示，大家感觉不错，请参考实现代码。   需求 [x] 预览：根据选择图像大小自适应填充左侧裁剪区域 [x] 裁剪：移动裁剪框右侧预览区域可实时预览 [x] 上传&清空：点击确认上传裁剪图片，点击取消按钮清空图像 [ ] 裁剪框可调节大小 实现步骤 methods:funName() – 对应源码中methods中的funName方法 data:dataName – 对应源码中data中的dataName数据 1. 图片选择与读取 选择图片 ：(

你是否写了一个需要接受用户上传图片的 Web 应用，后来才意识到用户总是提供各种形状和大小的图像来破坏你的网站主题？在网络上处理图像很容易成为一种痛苦 —— 当然，除非你使用了正确的工具。 在本教程中，我们将探讨如何在浏览器中使用 Javascr ipt 库来操作图片，为服务器上的存储做准备，并在 Web 程序中使用。我们将使用 Vue.js 而不是原生 Javascr ipt来完成此操作。 要了本文想要完成的任务，请查看上面的图片。左侧是原始图像，右侧是新图像预览。我们可以移动裁剪框并调整其大