龙空技术网

实现element上传图片怎么剪裁

良行 339

前言:

此时大家对“css图片剪裁”可能比较关心,小伙伴们都想要学习一些“css图片剪裁”的相关内容。那么小编在网摘上网罗了一些有关“css图片剪裁””的相关文章,希望姐妹们能喜欢,小伙伴们快快来了解一下吧!

1.首先去安装croppa

2.在需要的页面引入css文件

3.在template模板文件中添加el弹框组件和croppa裁剪组件代码:

4.文件上传接口和post两处不同

1.是header设置为'Content-Type': 'multipart/form-data'

2.千万不要对data数据进行Qs.stringify()...太坑了

在data中添加变量命令

5.在methods中添加方法代码

6.实现的效果:

【IT科技之家-itkeji综合 -文章版权声明】

非特殊说明,本文版权归 [ IT科技之家-itkeji综合 -ITMFB] 所有,转载请注明出处.

更多文章请关注:itkeji综合

标签: #css图片剪裁