如何将图片上传到jCrop？

Posted 2023-02-25

【中文标题】如何将图片上传到jCrop？

【英文标题】：How to upload pictures to jCrop?

【发布时间】：2013-03-28 18:47:01

【问题描述】：

我使用了从这里找到的代码：http://deepliquid.com/projects/Jcrop/demos.php?demo=thumbnail，但没有上传功能。如何添加？

如果我使用这个函数，我该如何实现 jCrop？

<form enctype="multipart/form-data" action="save.php" method="POST"> 
<input type="hidden" name="MAX_FILE_SIZE" value="100000" /> 
Choose a file to upload:  <input name="uploadedfile" type="file" /><br /> 
<input type="submit" value="Upload File" /> </form> 

【参考方案1】：

您不会将图像上传到 jCrop，而是将 jCrop 应用于您的图像元素。

$(function() $('#id_of_your_image_element').Jcrop(); );

将id_of_your_image_element替换为您的图像标签的id，如果该标签上没有id，请添加一个。

【讨论】：

Aaaah... 有道理。所以如果我希望用户能够上传图片，然后将 jCrop 应用到它，我该怎么做？

@Funkypotato 您必须将其拆分为一个多步骤过程，为用户提供上传表单，将图像保存在您的服务器上，将该图像托管在新页面中，然后应用 jCrop图像，将这些坐标发布到另一个页面并使用服务器应用程序语言来处理实际的裁剪。详细信息将根据您的服务器语言而有所不同。最后，jCrop 将为您做的就是为您提供裁剪区域左上角点相对于图像的 x,y 坐标，以及裁剪区域的高度和宽度。