如何使用裁剪插件獲取dataurl並將數據顯示爲圖像

正在瀏覽裁剪JavaScript插件以裁剪圖像數天。無法弄清楚。我是一個PHP人，JavaScript看起來像希臘語。看起來我從谷歌搜索看到的所有例子都假設讀者確實熟悉JavaScript，而我並不是。我的挑戰是哪些cropper方法實際存儲dataurl，以及如何檢索它以傳遞給php腳本，以便處理爲圖像或JavaScript函數以在圖像的相同頁面上顯示。如何使用裁剪插件獲取dataurl並將數據顯示爲圖像

來源

2017-09-26 stephen taire

從README.md他們github上，它看起來像你稱之爲：

var dataURL = $().cropper('getCroppedCanvas').toDataURL('image/jpeg');

https://github.com/fengyuanchen/cropper/blob/master/README.md

來源

2017-09-26 11:20:19 delboy1978uk

感謝您的快速反應。我假設你的代碼將裁剪後的圖像輸出到當前頁面，這對我來說是進步。但我還有一個問題。在文檔中，我沒有看到這個圖像dataurl如何附加到HTML表單併發送到php腳本進行上傳。你能否告訴我這是如何完成的。一旦我知道如何上傳裁剪圖像到服務器，並在PHP中檢索它，我可以處理其餘的。 blob方法不適用於我的瀏覽器。謝謝 –

想要一些漢斯抱着COS，我真的很喜歡JavaScript。沒有得到它，但delboy1978uk指出我在正確的方向，現在收割機正在工作。非常感謝。 –

還發現這個答案對於如何使用php將數據上傳到服務器很有用。萬一有人被卡住https://stackoverflow.com/questions/13198131/how-to-save-an-html5-canvas-as-an-image-on-a-server –

如何使用裁剪插件獲取dataurl並將數據顯示爲圖像

回答

相關問題