javascript - js实现图片裁切的效果后，如何将裁切的部分上传到服务器？？

问题描述

问 题

js实现图片裁切的效果后，如何将裁切的图片上传到服务器？？
由于js实现的裁切不过是一个效果而已，并没有对源文件做任何更改，且无法保存选取的部分到本地磁盘，那如何将用户裁切后的图片上传到服务器？？

我的想法是：

1. 上传源文件

2. 上传裁切出来的图片的相关信息，包括相关坐标，裁切后图片的大小

3. 通过php的gd函数库 对上传的原图片和相关信息进行实际的裁切，保存

不知道网络上，例如各种论坛上的头像设置等，是怎样实现的？？

解决方案

最近自己写了个图片裁剪，其实大多数裁剪都是这个流程啦：
上传-> 预览 -> 确定裁剪参数(x,y,w,h，maxW,maxH)->提交到服务端,服务端php处理后生成新的图片地址

插件地址，比较轻量级的 https://github.com/Vanthink-UED/jquery.core.image.upload

这篇关于javascript - js实现图片裁切的效果后，如何将裁切的部分上传到服务器？？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！