客户端图像处理最佳实践

Client-side image manipulation best practices

提问人:omaestra 提问时间:4/19/2015 更新时间:4/19/2015 访问量:171

问:

我正在开发一个基于 Django 的 Web 应用程序,它允许用户上传他们的图像、裁剪它们、应用一些过滤器,然后将它们作为所有编辑图像的列表发送到我的服务器,但我不知道处理这个问题的最佳方法。 这是我到目前为止得到的:

  • 用户使用表单上传图像。
  • 我将图像保存到我的服务器,并将用户重定向到显示所有上传图像的视图。
  • 当用户单击图像时,我会将用户发送到一个页面,在该页面中,我使用 JCrop 允许用户裁剪图像并保存它。当用户保存图像时,它会再次发送到我的服务器并保存它。

我的问题是,处理这个问题的最佳方法是什么?我是否应该上传图像并在内存上编辑它们,然后将编辑后的图像列表发送到我的服务器?

谢谢。

Django 处理 Web 应用程序 客户端 图像上传

评论

0赞 lemieuxster 4/19/2015
由于您已经拥有原始图像,因此您可以从文件中检索该图像,应用正确的裁剪,然后替换文件或保存处理的副本。如果您不想在服务器上执行此操作,则可能有一些库仅从客户端发送更新的文件,但它们可能不适用于所有环境。
0赞 omaestra 4/19/2015
是的,但是如果用户上传了 24 张图片,然后从应用程序注销怎么办?我不想存储这些图像。用户上传的图像将用于组装最终产品。
0赞 Thane Brimhall 4/19/2015
我们在 Javascript 中裁剪客户端的所有图像。只有当用户想要保存结果时,我们才会上传它。我强烈推荐这种方法。
0赞 omaestra 4/20/2015
嘿,Thane,我该怎么做?如何在不先将图像存储在服务器上的情况下操作图像?

答: 暂无答案