如何解决从 img src 属性上传修改后的图片
我正在使用来自 here 的代码:
调整工作良好的图像输入的大小。问题是将生成的图像上传到我的服务器。这是我要上传的:
<img id="preview" name="img" src="blob:http://127.0.0.1:8081/5878134f-c042-4990-bc00-8e6f198f07f5">
与 id 一起传递给模板。我正在使用 Bottle.py 服务器端,可能想要通过 formdata 上传文件,但根本无法让它工作。
解决方法
我可以建议您将图像转换为 base64 字符串并以这种格式发送到服务器。
有很多方法可以用来进行这种转换,其中之一是:
function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img,0);
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/,"");
}
var base64 = getBase64Image(document.getElementById("imageid"));
还有其他方法可以比这更好。这取决于您的前端框架。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。