Php 如何使用js在web浏览器中修剪图像并将其保存到服务器上?

Php 如何使用js在web浏览器中修剪图像并将其保存到服务器上?,php,javascript,jquery,prototypejs,Php,Javascript,Jquery,Prototypejs,我正在寻找一些jQuery插件或类似的smth 例如,我需要在网站上裁剪一张照片,并将结果保存在服务器上 我知道在AdobeFlash中这样做更好,但我确实需要在使用JS中这样做。请查看。非常适合这种东西。你要找的东西 这里有一些 这是一个在PHP上的实现。很少有浏览器支持使用Javascript选择图像并在不首先将其上传到服务器的情况下对其进行操作。相反,您需要: 允许用户将图像上载到服务器 上传完成后,将图像大小(使用PHP)调整为可管理的大小,以便浏览器预览 在浏览器中以类似的方式显示调

我正在寻找一些jQuery插件或类似的smth

例如,我需要在网站上裁剪一张照片,并将结果保存在服务器上

我知道在AdobeFlash中这样做更好,但我确实需要在使用JS中这样做。

请查看。非常适合这种东西。

你要找的东西

这里有一些


这是一个在PHP上的实现。

很少有浏览器支持使用Javascript选择图像并在不首先将其上传到服务器的情况下对其进行操作。相反,您需要:

  • 允许用户将图像上载到服务器
  • 上传完成后,将图像大小(使用PHP)调整为可管理的大小,以便浏览器预览
  • 在浏览器中以类似的方式显示调整大小的预览图像
  • 用户选择作物区域后,让他们单击“保存”
  • 保存时,将裁剪区域的坐标传递给服务器/PHP,使其裁剪原始图像。您必须将预览的坐标缩放为原始图像的坐标
  • 使用PHP将新映像保存到磁盘/S3/任何位置

  • 我成功地做到了这一点,而没有使用我的服务器,也没有让图像通过使用触摸我的服务器。我使用transloadit的Javascript上传表单上传到他们的服务器存储(S3),并使用一个模板保存原始文件并调整大小以供预览。原始版本和预览版本都存储在transloadit的临时S3帐户中,而不是我的。然后,我使用JCrop向用户显示预览。一旦他们选择了裁剪区域,我就告诉transloadit裁剪原始照片,但要使用我的裁剪坐标(从预览图像缩放以适合原始照片),使用一个模板,该模板还可以生成几个缩略图大小。Transloadit然后将所有图像保存到我的S3帐户,并告诉我它保存图像的URL。

    在Adobe Flash中没有比这更好的了。但是,我认为您应该改为在服务器上裁剪图像,因为服务器上有任意数量的基于PHP的图像处理库可供您使用。@mblase75:可能除了您友好的邻居TSA代理的直肠检查。@mblase75基于PHP是个好主意,但是如何从浏览器发送新参数呢?有什么js插件可以发送吗?JCrop非常适合于选择要裁剪的区域,但实际上并不裁剪图像。“你得自己去做。”“让它长得更好。”。不是吗?它的裁剪效果非常好,但是通过将其发送到PHP/gd服务器来进行裁剪。我的印象是你想用Javascript进行大小调整/裁剪。谢谢你的回答。对不起,我的英语,我的意思是使用PHP也。