Javascript 如何使用cropper插件获取dataurl并将dataurl显示为图像

几天来一直在使用裁剪器JavaScript插件来裁剪图像。我想不出来。我是一个php人，JavaScript在我看来像希腊语。似乎我在谷歌搜索中看到的所有例子都假设读者实际上熟悉JavaScript，而我不熟悉。我的挑战是哪种cropper方法实际存储了dataurl，以及如何检索它以传递给php脚本以处理为图像，或传递给JavaScript函数以显示在与图像相同的页面上。

从他们github上的README.md中，您可以将其称为：

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

---

感谢您的快速回复。我假设您的代码将把裁剪后的图像输出到当前页面，这将是我的进步。但我还有一个问题。在文档中，我没有看到这个图像数据URL是如何附加到HTML表单并发送到php脚本进行上传的。你能告诉我这是怎么做的吗。一旦我知道了如何将裁剪后的图像上传到服务器并用php检索它，我就可以处理其余的事情了。blob方法不适用于我的浏览器。谢谢一些汉斯，因为我真的很烂JavaScript。没有得到它，但delboy1978uk为我指出了正确的方向，现在收割机正在工作。非常感谢。我还发现这个答案对于如何使用php将dataurl上传到服务器非常有用。万一有人卡住了，我很高兴能帮上忙！接球不错，先生。