带有上传器的 jQuery 图像裁剪器

Posted

技术标签:

【中文标题】带有上传器的 jQuery 图像裁剪器【英文标题】:jQuery Image Cropper with Uploader 【发布时间】:2011-06-10 09:35:32 【问题描述】:

我一直在尝试使用在this website 上找到的 jquery 插件混搭。据我所知,这是一段相当不错的代码,只是有几个问题。

我的主要问题是,如果我尝试在 Firefox 中上传大于最大文件大小的文件,它会发送一个 javascript 警报,提示“错误”,它应该这样做,但随后使 Firefox 崩溃,我必须物理结束过程。

我的下一个问题是,当您上传图像并指定裁剪目标时,它实际上似乎并没有裁剪它,而只是调整图像的大小以适合小区域。

我很乐意自己编写代码,但我对 javascript 知之甚少,对 jQuery 几乎一无所知,但我确实对 php 有一些了解,所以这方面的事情应该不会太糟糕。

希望有人可以提供帮助, 内特。

【问题讨论】:

【参考方案1】:

您无法在 Javascript 中调整图像大小 - 我想它所做的只是更改图像标签。您需要将调整大小的坐标/高度/宽度发送到后端,然后在那里调整大小。

【讨论】:

我相信这就是 jCrop 所做的,但就像我说的那样,我无法通过 js,因为我不了解其中的一半 您使用 Firebug 或类似工具吗?检查它是否使用调整大小坐标向服务器发送 XHR 请求。但通常(总是?)jQuery 插件不会处理任何后端业务。 是的,我使用 firebug,我将运行脚本并立即检查,您知道为什么脚本会导致其他错误 我猜这样的崩溃是因为内存泄漏,也许是无限循环? 我会在哪里查看是否发送了 xhr 请求我通过控制台打开设置完成了上传过程以显示所有内容,但什么也没出现

以上是关于带有上传器的 jQuery 图像裁剪器的主要内容,如果未能解决你的问题,请参考以下文章

裁剪器在使用 dropzone js 上传之前裁剪多个图像

在 iOS/swift 中上传图像时如何删除裁剪选项

使用客户端裁剪上传多个图像的组件

使用 jQuery/Java 裁剪和上传图像

jQuery 调整大小(拖放)和裁剪

带有裁剪参数的拇指上传