请各位大佬指点!图片裁剪问题万分感谢

现在想实现一个图片裁剪的功能,找了一个基于cropper.js的插件。目前可以上传裁剪。问题:弹框有一个表单,表单有按钮,然后是通过form.submit()提交的表单,我怎么将裁剪后的图片路径赋值给按钮呢?只有赋值了之后提交表单,才是裁剪后的图片。另外,我通过这个插件裁剪后的图片路径是base64的,怎么转换成C:fakepath登录.jpg这样的?或者需不需要转换?插件地址:www.jq22.com/jquery-info18167具体想实现的是:点击页面上的按钮,弹出一个modal,点击上传按钮,上传图片并剪切,点确定后,通过form.submit提交表单。不是我不想通过ajax,实在是我找不到处理提交数据的方法写在哪里的。所以只能和原来的方式一样提交
其他代码和插件里面差不多
慕桂英3389331
浏览 275回答 2
2回答

catspeake

网页上不可能实现本地图片裁剪,除非用类似flash的技术,也不推荐这么做,猜测cropper.js也不是真正的裁剪,而仅是区域显示和比例缩放而已.建议上传原始文件,通过js得到裁剪参数,真正的裁剪在服务器端完成

青春有我

下载看了下源码,这个并非裁剪,只是用位置设置显示部分,达不到你的需求,你可以在他的基础上得到选中区域的坐标,然后自己用canvas裁剪一下才上传就可以了,自己去写那个框选区域有很多计算要处理
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript