Ajax PostBase64使用javascript将图像编码到服务器

Ajax PostBase64使用javascript将图像编码到服务器,ajax,post,base64,Ajax,Post,Base64,上传图像到服务器,图像是从,然后我想通过ajax将图像发布到服务器,服务器端使用python flask框架,它需要base64编码格式,问题是如何使用javascript将图像转换为base64格式 $('.img upload btn')。单击(函数(事件){ $(“#img上传”)。单击(); }); $('#img upload')。关于('change',函数(事件){ event.preventDefault(); var img=$(“#img上传”)[0]。文件[0]; log

上传图像到服务器,图像是从,然后我想通过ajax将图像发布到服务器,服务器端使用python flask框架,它需要base64编码格式,问题是如何使用javascript将图像转换为base64格式

$('.img upload btn')。单击(函数(事件){
$(“#img上传”)。单击();
});
$('#img upload')。关于('change',函数(事件){
event.preventDefault();
var img=$(“#img上传”)[0]。文件[0];
log(toDataUrl(img.name));
var img_数据={
“规格id”:212,
“文件”:img
};
控制台日志(img);
$.ajax({
网址:'http://10.0.0.75:5000/api/check_specification',
键入:“POST”,
数据类型:“json”,
contentType:“应用程序/json;字符集=utf-8”,
成功:功能(数据){
警报(数据);
},
失败:函数(errorMsg){
警报(errorMsg);
}
});
});

上传img

类似于此,您可以在base64中获得图像

fileChange(e) {
    /* any way to get the object input */
    var file    = document.querySelector('input[type=file]');
    let reader = new FileReader();
    if(file.files[0]) {
        reader.onload = () => {
        imgBase64 = reader.result;
        console.log(reader.result);
        //your request
      }
      reader.readAsDataURL(file[0]);
    }
}

类似于此,您可以在base64中获得图像

fileChange(e) {
    /* any way to get the object input */
    var file    = document.querySelector('input[type=file]');
    let reader = new FileReader();
    if(file.files[0]) {
        reader.onload = () => {
        imgBase64 = reader.result;
        console.log(reader.result);
        //your request
      }
      reader.readAsDataURL(file[0]);
    }
}
可能的重复可能的重复