2016-07-21 20 views
0

上記のように、ファイルシステムに保存するにはどうすればよいですか?Javascriptでファイルシステムにbase64をイメージとして保存する方法

https://gist.github.com/madhums/e749dca107e26d72b64d#file-base64-image-upload-js-L7 https://www.google.com.sg/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwiC-_K2yIPOAhVJRY8KHUq5D4oQFggcMAA&url=http%3A%2F%2Fstackoverflow.com%2Fquestions%2F17397319%2Fsave-canvas-as-jpg-to-desktop&usg=AFQjCNGADOLxAdsduTuK6d-ZcVzZRgGwWg&sig2=UPC0l9bSsPGASnCrM94unA

私は保存する必要があるのは、次のようになります...私はこれらのソリューションを試してみましたが、私はまだ右のそれを持っていません。

そこにオブジェクト全体をコピーし
 
Object {imageFormat: "image/jpeg", imageB64: "/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAw…J3kdq5LxJM7X8ik5CyMB+dFFOPxGNT4DNJOetFFFbnCf/2Q=="}imageB64: "/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQE...+dFFOPxGNT4DNJOetFFFbnCf/2Q=="imageFormat: "image/jpeg"__proto__: Object__defineGetter__: __defineGetter__()__defineSetter__: __defineSetter__()__lookupGetter__: __lookupGetter__()__lookupSetter__: __lookupSetter__()constructor: Object()hasOwnProperty: hasOwnProperty()isPrototypeOf: isPrototypeOf()propertyIsEnumerable: propertyIsEnumerable()toLocaleString: toLocaleString()toString: toString()valueOf: valueOf()get __proto__: __proto__()set __proto__: __proto__() 

..

がちょうどそうできるだけ詳細にしてくださいJavascriptを拾います。あなたは、単にJavaScriptを使用して新しいタブでBASE64を開くことができます

+0

"window.location = 'http:// data:image/jpeg; base64、' + img; –

+0

@Jonaswこのコードを実際にどのように書くべきでしょうか? –

+0

imgはbase64文字列にする必要があります。次に、この行をあなたのjsに入れてください –

答えて

1

window.location="data:image/jpeg;base64,ehfnshxfbsnxj"; 

ブラウザがこのスニペットを使用して、自動的にダウンロードできるようにするには、SOのが見つかりました:

var link = document.createElement('a'); 
link.href = 'data:image/jpeg;base64,sduebdueb'; link.download = 'coolimage.jpg'; 
document.body.appendChild(link); 
link.click(); 
+0

私はあなたのソリューションでしたが、ダウンロードが失敗し、私はそれをダウンロードすることができません、どのように私はあなたを表示するコメントに画像を追加することができますか? 私は次のコードを実行しました:link.download = 'data:image/jpeg; base64、' + result.imageB64; とlink.download = result; –

+0

ああ申し訳ありませんが、iveは間違いを犯しました –

+0

link.hrefはlink.downloadではなく重要なものです –

1
 

    var link = document.createElement('a'); 
    link.href = img; 
    link.download = 'filename.jpeg'; 
    document.body.appendChild(link); 
    link.click(); 

をこれは、画像を自動的にダウンロードするソリューションは、最初にリンク要素を作成し、次にhref属性に画像オブジェクトを追加し、ダウンロード属性にファイル名を追加すると機能するはずです。

関連する問題