有没有办法将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编码),因此它会将数据推送到服务器…
最终的结果是我需要为用户提供选择文件的能力,裁剪/调整大小,然后单击一个按钮,此时编辑的图像将上传到服务器(我不能做服务器端)由于服务器端限制而裁剪/调整大小…)
任何帮助都会很棒!干杯