84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
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