2016-06-16 18 views
0

私は<img id="barcode">を持っており、srcから画像をダウンロードする必要があります。画像は、BASE64で生成され、そしてsrcは、この文字列が含まれている:JQUERYでimgをダウンロードするには?

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAACOCAYAAABg4BtLAAADgUlEQVR4Xu2czyt8URjGnyErWfgLWClLCUuxsmCDoijJwpo0GT+S/EhSFmyUErGQ2LBQFrJEmrKxmuIvsLRAo3vM+M5M3c6drnO/hs8s77n3zPu+zznP8z4zZyaWTqfT+gOvGIn+MpRB9JcBKhAF0RKtAEu3RIHzDTsworFYLG+SbEOVvV7YYP2v636ZkmhhZUA0s6RZugXmyPXeZY8GtWnsUfbop+5GTVLsUfZowRqAjCAjyMgpG8O6sC6s+1kBPmHIrATXdsxvfsgIMoKMIKO8NQAZOTYBsC6sC+vCurBubgVcyw6sC+vCurAurAvr5lTgu2QHeUFekBfkBXlBXpCXfxUoVl/RUXQUHUVH0VF0FB1FR78qwBkGn9aI370UFoZjrI6/waap9ykw7gX3gnvBveBecC+4F9wL7sWvI8pex73gXjIV4OcgmUIUa6++637cC+4F94J7wb3gXnAvuBfcC+4l25LSGdEZ0RnRGdEZ0RnRGdEZ0RnRGfmsAY7fcPymRP9FzsZqP3088LdpPz0RW3wkaqtQqY2DaKkhZosXRG0VKnb88fFRy8vLOj4+1uvrqzo6OjQ5OamGhgYVdl3Fzh3k/kgQfXh40PDwsK6vr/Niqqmp0e7urlpbW4PEGuoe54m+vLxobGxM5+fnWlxcVE9Pj8rKynR0dKSZmRk1Nzdra2tL1dXVoRKxPew80fv7e/X29hpE4/G4ysvLTUzv7+9aXV3VxsaGTk9P1djYaIs11LjzRA8PDw2iucm8vb3p8vJS09PTur291f7+vgYGBkIlYnvYeaLr6+tmH3oJ19XVKZlMam5uTmdnZ1+xeSSVSCRssYYad57owsKCLi4utLS0pO3tbe3t7amqqsos55GREbNP29vbNTs7GyoR28POE/UQHR8f/4qjs7NT8/PzRlZSqZT6+/sNQZU8ogcHBxocHFRTU5PRUQ89j3W9193dnbq6uuQVo6+vzwZKqHHniGaTmZiYMKSUe0LMS3Btbe13sO7z87NGR0d1c3Nj5KS7u9sgc3JyYuSmra1Nm5ubqqysDIWY7WHniHoBXF1daWhoSE9PT3nxtLS0aGdnR/X19bY4Q49Hkqh3EtSTlZWVFdMhVVRUGAKamppSbW1t6CSCTBBJokECcX0PibqucNTzg2jUFXf9fiDqusJRzw+iUVfc9fuBqOsKRz3/n0H0A2kqGPz1ouCnAAAAAElFTkSuQmCC 

jQueryを使って、このイメージをダウンロードするには?
私はこれをやろうとは:m

$('#save_but').click(function() { 
    var img = document.getElementById('barcode'); 
    img.src =$('#barcode').attr('src'); 
    window.location.href = img.src.replace('image/png', 'image/octet-stream'); 
}); 

ファイルをダウンロードしているが、私は名前と形式(例:img.png)を割り当てることができないことに。あなたがタグにダウンロード属性を使用することができます

+0

FileSaver.jsを見てください:https://github.com/eligrey/FileSaver.js/ –

答えて

3

...

<a href="data:image/jpeg;base64,/9j/4AAQSkZ..." download="filename.jpg"><img src="data:image/jpeg;base64,/9j/4AAQSkZ..."/></a> 

は、より多くのを参照してください。https://developer.mozilla.org/en/HTML/element/a#attr-download

+0

この方法では動作していません。 –

+0

つまり、どのバージョンですか? –

+0

ユーザーはie verを使用しています。 9+ –

0

[OK]を、それは私の問題のためのソリューションです:

1)この5キロバイトプラグインをダウンロードしてください:download.js

2)書く

<script> 
$('#save_but').click(function() { 
download($('#barcode').attr('src'),"strcode.png","image/png"); 
}); 
</script> 

Chrome、FireFox、IE版で作業しています。 9 +

関連する問題