如何使用裁剪插件获取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并将数据显示为图像

回答

相关问题