Javascript 图片 uploader

Question

如何使用裁剪实用程序在 javascript 中实现图像 uploader 。你如何通过 AJAX 提交图像文件？解决方案是否跨域兼容？

Answer 1

要实现具有裁剪功能的图片上传小部件，您必须:

1. 将图像上传到服务器 从 AJAX 应用程序上传文件本身就是一个主题。最好从众多现有的 AJAX 文件上传小部件之一开始。

2. 将图片存储在服务器上将图片上传到服务器后，必须将图片 URL 传递给裁剪小部件。

3. 指定裁剪区域 使用手头的图像 URL，您可以编写一个小裁剪小部件，它可以让您定义图像的裁剪区域。

4. 在服务器上裁剪图像 用户定义裁剪区域后，必须使用 AJAX 调用将裁剪数据发送到服务器。在服务器上，必须使用众多图像处理工具之一(例如 ImageMagick)裁剪图像。