Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么我的代码无法将任何图像转换为Base64字符串?_Javascript_Html_Encryption - Fatal编程技术网

Javascript 为什么我的代码无法将任何图像转换为Base64字符串?

Javascript 为什么我的代码无法将任何图像转换为Base64字符串?,javascript,html,encryption,Javascript,Html,Encryption,我试图将任何图像转换为Base64字符串,但没有得到输出 看到我得到的截图了吗 Javascript代码 function encodeImageFileAsURL(cb) { return function() { var file = this.files[0]; var reader = new FileReader(); reader.onloadend = function () { cb(reader.result);

我试图将任何图像转换为Base64字符串,但没有得到输出

看到我得到的截图了吗

Javascript代码

function encodeImageFileAsURL(cb) 
{
return function()
{
    var file = this.files[0];

    var reader  = new FileReader();

    reader.onloadend = function () 
    {
        cb(reader.result);
    }

    reader.readAsDataURL(file);
 }
}

$('#inputFileToLoad').change(encodeImageFileAsURL(function(base64Img)
{
$('.output')
  .find('textarea')
    .val(base64Img)
    .end()
  .find('a')
    .attr('href', base64Img)
    .text(base64Img)
    .end()
  .find('img')
    .attr('src', base64Img);
}));

转换为base64的基本示例:

function toBase64(src, callback) {
    var canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d'),
    img = new Image();

    img.onload = function() {
        canvas.width = img.width;
        canvas.height = img.height;
        ctx.drawImage(img, 0, 0, img.width, img.height);
        callback(canvas.toDataURL());
    }
img.src = src;
}

你能添加你的代码吗?如果没有代码,图像是无用的。添加了代码