脚本宝典收集整理的这篇文章主要介绍了php – 裁剪本地图像文件,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1.用户上传图片
2.Server处理它并发送回浏览器
3.用户裁剪并发送到服务器
4.Server进程并保存
有没有其他方法来实现这一目标?
也许使用javascript加载图像然后裁剪它然后发送到服务器来处理它.
有办法吗?
<form><input tyPE="file" id=f></form> <canvas id=c width="600" height="600"></canvas> <script> VAR f = document.getElementById('f'); var canvas = document.getElementById('c'); var context = canvas.getContext('2d'); f.onchange = function() { var file = this.files[0]; var reader = new FileReader(); reader.onload = function(evt) { var img = new Image(); img.onload = function() { context.drawImage(this,100,100); var pngUrl = canvas.toDataURL(); //alert(pngUrl); // send this url to server to save the image } img.src = evt.target.result; } reader.readAsDataURL(file); } </script>
你仍然需要做的是使用jquery jcrop插件让用户选择裁剪区域,因为在这个演示中我只是硬编码了左上角100×100像素的裁剪.
您似乎想要使用jcrops onSelect事件来获取裁剪区域的原点宽度高度,并将这些值提供给context.drawImage
希望你能处理剩下的事情,祝你好运
以上是脚本宝典为你收集整理的php – 裁剪本地图像文件全部内容,希望文章能够帮你解决php – 裁剪本地图像文件所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。