基于canvas图片剪裁,并上传base64码。支持本地预

图片剪裁上传

基于canvas图片剪裁,并上传base64码。支持本地预览、拖动、放大缩小等操作。

初始化

function saveCallBack(base64){ $("#base64 img").attr("src",base64); //最终把此base64传给后端 /** $.ajax({ data: { base64: base64 } }) **/ } // 初始化 var imgupload=new Imgupload({ //选择文件按钮id uploadInputBtn:"#inputBtn", //预览容器id previewBox:"#previewImgBox", //容纳图片的容器id imgBox:"#imgBox", //容纳图片的容器大小设置 imgBoxSize:350, //图片剪裁区域大小校设置 imgCropSize:200, //剪裁图片预览容器大小 previewBoxSize:200 },saveCallBack);

内部代码注释详细可根据需要修改

演示地址

演示地址

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。