图像到base64的转换

时间:2014-07-22 18:29:58

标签: javascript jquery html google-chrome-extension jspdf

我想将图片转换为我的Chrome扩展程序的base64格式。

CODE:
var img_src = $('#elementId').attr('src');
converImgToBase64(img_src)
function convertImgToBase64(url)
{

    var canvas = document.createElement('CANVAS');
    ctx = canvas.getContext('2d');
    img = document.createElement('img'),
    img.src = url;
    img.onload = function()
    {
        canvas.height = img.height;
        canvas.width = img.width;


        var dataURL = canvas.toDataURL('image/png');
        alert(dataURL);

        var doc = new jsPDF();
        doc.addImage(dataURL, 'JPEG', 15, 40, 180, 160);
       doc.output('datauristring');
        canvas = null; 

    };
}

警告框正确显示图像的base64格式,但 PDF不生成? 我如何为我的图像生成pdf

1 个答案:

答案 0 :(得分:0)

所以你的问题是没有base64中的图像,而是从中生成pdf。所以,请记住下一次你的题目;)

通过谷歌搜索所有这些事项,我发现了这个:http://parall.ax/products/jspdf我认为应该帮助你。

正如您所看到的,主页示例看起来喜欢做您需要的所有内容;)