基于angular上传图片并能对图片裁剪,放大缩小,压缩size及在图片上添加文字等编辑操作,并能手动限制上传图片数量

最近公司业务需要客户在进行上传图片时,不满足要求的图片必须进行编辑后才能上传,满足条件的直接可以上传。

于是花了不少时间来研究这个,想必学习angualrjs的人都知道,angualr不直接对dom进行操作,而网上的各种案例教程基本上都是用的document.getElementById("img")等基于dom进行图片的操作。若要解决这个问题,必须跳出这个固定思维——

抽空将我实现的原理进行一一讲解

要是有人需要源代码的话等我把代码优化完毕后也可以进行分享。。。。。

先看实现效果

基于angular上传图片并能对图片裁剪,放大缩小,压缩size及在图片上添加文字等编辑操作,并能手动限制上传图片数量基于angular上传图片并能对图片裁剪,放大缩小,压缩size及在图片上添加文字等编辑操作,并能手动限制上传图片数量