[英]Javascript resize base64 image
I have a function that send a base64 image to my input, but I want to resize the image before send to input.我有一个 function 将 base64 图像发送到我的输入,但我想在发送到输入之前调整图像大小。 I need a 250x250 image, but when take shot from mobile the image goes 3096x3096... There is my code:
我需要一个 250x250 的图像,但是当从手机拍摄时,图像变为 3096x3096 ......这是我的代码:
function sendPhoto() {
if (this.files && this.files[0]) {
var FR = new FileReader();
FR.addEventListener("load", function (e) {
var permitted_files = ['image/png', 'image/jpeg', 'image/bmp'];
var baseImg = e.target.result;
var parteImg = baseImg.substring(11, 15);
if (((parteImg).includes('jpeg')) || ((parteImg).includes('png')) || ((parteImg).includes('bmp'))) {
document.getElementById("sendedPhoto").src = e.target.result;
document.getElementById("btnPhoto").style.display = '';
} else {
$("body").overhang({
type: "error",
message: "This is not an image file."
});
document.getElementById("uploadFoto").value = "";
}
});
FR.readAsDataURL(this.files[0]);
}
}
Any ideas?有任何想法吗? THX!
谢谢!
You can use HTML5 Canvas to do that Refer: Canvas Image您可以使用 HTML5 Canvas 来做到这一点 参考:Canvas Image
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.