data url如何转换成图片

Question

请教各位大神，图片转换成data url之后，怎么才能再转成图片呢？

Answer 1

同求呀，怎么再存回为一张图片，后台用的是servlet

Answer 2

img src=那个dataurl就可以了吧

Answer 3

这个是可以再显示图片，但是已经是dataurl数据格式了，怎样才能转换成*.jpg等类型的图片呢？

Answer 4

<script type="text/javascript">
    var img = "../logo.png";
    function getBase64Image(img) {
        var canvas = document.createElement("canvas");
        canvas.width = img.width;
        canvas.height = img.height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, img.width, img.height);
        var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();
        return canvas.toDataURL("image/"+ext);
    }
    var image = new Image();
    image.src = img;
    image.onload = function(){
        var a = document.createElement('a')
        var event = new MouseEvent('click')
        a.download = '下载图片名称'
        a.href = getBase64Image(image)
        a.dispatchEvent(event) // 自动保存
    }
</script>