84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
js实现图片裁切的效果后,如何将裁切的图片上传到服务器??由于js实现的裁切不过是一个效果而已,并没有对源文件做任何更改,且无法保存选取的部分到本地磁盘,那如何将用户裁切后的图片上传到服务器??
我的想法是:
上传源文件
上传裁切出来的图片的相关信息,包括相关坐标,裁切后图片的大小
通过php的gd函数库 对上传的原图片和相关信息进行实际的裁切,保存
不知道网络上,例如各种论坛上的头像设置等,是怎样实现的??
小伙看你根骨奇佳,潜力无限,来学PHP伐。
最近自己写了个图片裁剪,其实大多数裁剪都是这个流程啦:上传-> 预览 -> 确定裁剪参数(x,y,w,h,maxW,maxH)->提交到服务端,服务端php处理后生成新的图片地址
插件地址,比较轻量级的 https://github.com/Vanthink-UED/jquery.core.image.upload
目前裁切都是服务端进行的。前端能做的是记录要裁切的左上角坐标(x,y)和宽高(w,h),然后在服务端根据这4个参数进行裁切和保存。
不考虑兼容性1、通过canvas来获取剪切之后的图片数据2、将图片数据上传到服务器
上github :https://github.com/baijunjie/jQuery-photoClip
最近自己写了个图片裁剪,其实大多数裁剪都是这个流程啦:
上传-> 预览 -> 确定裁剪参数(x,y,w,h,maxW,maxH)->提交到服务端,服务端php处理后生成新的图片地址
插件地址,比较轻量级的 https://github.com/Vanthink-UED/jquery.core.image.upload
目前裁切都是服务端进行的。
前端能做的是记录要裁切的左上角坐标(x,y)和宽高(w,h),然后在服务端根据这4个参数进行裁切和保存。
不考虑兼容性
1、通过canvas来获取剪切之后的图片数据
2、将图片数据上传到服务器
上github :https://github.com/baijunjie/jQuery-photoClip