2013-03-28 98 views
0

我已經使用了我從這裏找到的代碼:http://deepliquid.com/projects/Jcrop/demos.php?demo=thumbnail,但沒有上傳功能。我如何添加?如何將圖片上傳到jCrop?

如果我使用這個函數,我該如何實現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> 

回答

0

您不上傳圖像到jCrop,您將jCrop應用到您的圖像元素。

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

與你的形象標籤的ID替換id_of_your_image_element,如果你沒有對標籤的ID,添加一個。

+0

Aaaah ...有意義,所以如果我想讓用戶能夠上傳圖片,然後將jCrop應用到它,我該怎麼做? – Funkypotato

+0

@Funkypotato您必須將其分解爲多步驟的過程,爲用戶提供一個上傳表單,將圖像保存在服務器上,在新頁面中將圖像存回給他們,將jCrop應用於該圖像,將這些座標發佈到另一個頁面並使用服務器應用程序語言來處理實際的裁剪。細節將根據您的服務器語言而有所不同。最後,所有jCrop都會爲您提供相對於圖像的裁剪區域左上角的x,y座標以及裁剪區域的高度和寬度。 – invertedSpear