您当前的位置:首页 >> 教育
实现element上传图片怎么剪裁
发布时间:2019-11-02
 

1.首先去安装croppa

实现element上传图片怎么剪裁

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

实现element上传图片怎么剪裁

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

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

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

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

在data中添加变量命令

实现element上传图片怎么剪裁

5.在methods中添加方法代码

实现element上传图片怎么剪裁

6.实现的效果:

实现element上传图片怎么剪裁

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

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

更多文章请关注:itkeji综合

实现element上传图片怎么剪裁