请教个 Canvas 前端裁剪图像上传到后端的问题？

[s609926202]

我用的一个开源的前端图像裁切库，这个： https://fengyuanchen.github.io/jquery-cropper/

按照说明文档我用 cropper.getCroppedCanvas()获取裁切后的图像 blob，然后

cropper.getCroppedCanvas().toBlob(function(blob){
	回调获取 blob
})

问题也就是在这里，这个 blob 类型我该怎么在后端处理并且保存成图片呢？各位大佬给出点意见、

我使用的是 php 语言，二开 wordpress。

[wolyshaw]

用 formData: https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects

[iamsee]

先 base64 转成文件流

[iamsee]

base64ToBlob

[but0n]

new File([blob], name, {type: "image/png"})

[s609926202]

@but0n 啥意思，没懂

[imlink]

@s609926202 blob 是二进制的，php 获取 request 的 body 应该可以直接 put_in_content

[rain1024]

这个项目和你的需求一模一样，前端代码里 base64 都写好了 你用 PHP 在后台直接接收 post 请求就可以 http://git.oschina.net/liyingming/faceRecognition

[des]

@s609926202

c.toBlob(function(blob){
　 form = new FormData()
　 form.set('file', new File([blob], 'xxx.png', {type: "image/png"}))
　 xhr = new XMLHttpRequest()
　 xhr.open('POST', '/post')
　 xhr.send(form)
})