图片上传和处理，是服务器端还是客户端？

Question

我的网站要求图像平方。 目前，我有一个非常基本的图像上传工具。 在服务器上用PHP上传图像并调整大小并平方。 这会导致以下问题：-使用大量服务器资源-图像通常不完美地平方-用户没有进度的迹象，尤其是当他们尝试上传大图像时出现问题

我现在开始考虑植入一个全新的图像上传页面。 您会推荐什么，继续使用PHP处理。 我想也许我可以在客户端（我们使用jQuery）做到这一点，是否有任何好的现有库？ 做这个客户端是个好主意。 什么是好的PHP / javascript工作流程？

Answer 1

坚持使用可靠的服务器端解决方案，尝试使用ImageMagick进行调整大小，而不是使用PHP的内置图像处理功能。

根据我们的经验，它的效果要好得多。

Answer 2

您可以尝试使用JCrop之类的jQuery裁剪插件，该插件支持比率锁定以确保图像平方。

请记住，客户端没有什么是100％安全的，因此任何验证也必须在服务器端进行重复。 这可能意味着检查图像的宽度/高度，并在必要时在PHP中再次进行裁剪。

Answer 3

如果您要谈论更改实际的图像数据，则不能完全依靠客户端解决方案，不是所有的浏览器都具有所需的功能。 对于无法在js中执行此操作的浏览器，您可以使用Flash，但是由于需要两个上载器，因此开始变得非常快。

我建议在支持该功能的浏览器中执行此操作，对于不支持该功能的浏览器，请依靠服务器端解决方案。 您可以通过在队列中处理资源来分散资源，而不是在上传时立即解决（如果仍然存在问题）。

Canvas是在现代浏览器中执行此操作的好方法，您不需要插件。 在这里查看如何获取要上传的图像数据。

https://developer.mozilla.org/En/HTML/Canvas/Pixel_manipulation_with_canvas

这是一个库： http : //www.nihilogic.dk/labs/canvas2image/