html页面怎么接收进制流,javascript – 从HTML5 Canvas获取二进制(base64)数据(readAsBinaryString)...

有什么方法可以读取HTML Canvas的内容作为二进制数据吗？

目前我有以下HTML来显示输入文件和下面的画布：

Get Image Content

Input:

Canvas

然后我设置我的输入文件设置画布正确的工作正常：

$('#fileInput').on('change', function() {

$.each(this.files, function() {

var image = new Image();

image.src = window.URL.createObjectURL(this);

image.onload = function() {

$("canvas").drawImage({

source: image,

x: 50, y: 50,

width: 100,

fromCenter: false

});

};

});

});

我现在需要从Canvas获取二进制数据(Base64编码)，当按钮被点击时，它将推送数据到服务器…

最终结果是，我需要为用户提供选择一个文件，裁剪/调整大小，然后单击一个按钮的点，编辑后的图像将上传到服务器的能力(我不能做服务器端由于服务器端限制而裁剪/调整大小…)

任何帮助将是伟大的！干杯