简体   繁体   English

Javascript 调整 base64 图像大小

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM