通过这两个插件很容易就能实现裁剪图片的功能,但其中有一个难点就是,裁剪后的图片要上传到服务器,(依然使用原先的el-upload上传图片的接口)
我们知道,el-upload上传图片的接口需要一个file对象,而vue-cropper裁剪后返回的图片是base64或者clob,这时我们就需要用到formData来进行转换,并且还要注意上传时要指定headers的上传方式。以及接收参数的类型(formData)。
参考文章:/post/6844904176850305037
官方文档:/Shenjieping/cropper