jQuery和PHP：調整大小，刷新和作物

Question

您好&感謝閱讀： 對不起，如果我的問題是重複的，但瀏覽&無法找到一個answer..Although我想我的問題是相當「標準'： 我有一個形式與各種投入（人物細節等...）&我需要用戶上傳一個圖像，以便他/她可以然後裁剪/選擇一個區域，最後上傳&保存。

我一直在成功地使用PHP服務器端調整大小來上傳和顯示調整大小的圖像。沒有任何問題。這似乎主要是使用表單中的動作標籤重定向到phps腳本。

根據最終圖像的大小調整後的寬度/高度，最終大小也可以是「高」或「寬」，可以重新調整圖像大小或寬度。 ..

然後，我會希望用戶能夠從調整大小的圖像中選擇一個區域，以便他「捕捉」圖像中的一個區域，而不會扭曲... 有很多腳本做這個'獨立'，但所有顯然工作類似於上述ie。使用窗體的動作標籤來做PHP的服務器端裁剪的東西（通常使用隱藏輸入（x，y，w，h ...）動態更新使用jQuery ...），如imageareaselect ...

所以...我的問題是我怎麼能調整大小，上傳重新調整大小的圖像，所有在同一個窗體？

您的幫助非常感謝

問候， JMB

Answer 1

你可能會想嘗試某種行之有效的解決方案，而不是改寫一切。

類似於Cropper的東西。還有一個PHP example here。

Cropper絕對有很多選擇。我不確定你想要做什麼，但是可以選擇在後端（PHP）或前端（JS）中裁剪圖像。這意味着圖像在裁剪之前不需要上傳到服務器。它允許你只在後端得到裁剪後的圖片。

其他選項：

• https://github.com/acornejo/jquery-cropbox
• https://github.com/trepmag/jrac
• https://github.com/blueimp/JavaScript-Load-Image
• 沒有前端後端剛：https://github.com/stojg/crop