JavaScriptでbase64データをPNGファイルに変換するにはどうすればよいですか？

Question

私はそのようなPNG画像（testing.png）へ

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAZhJREFUOBGVk79Lw1AQx+9eU5zcC40u4iLYtBQcpaN0dXBxLeIP6CBugiAIIiooooi4ufgPdC6OYm3TwUVcNIVKR+kgTXPehUZt01TfQZJ33+/nvk2TF4ReUS5n2HcvRUTKA0GagD4AsaoArlJdpyRYPWbmPYACEGUQcBwQakRYsuanTrBcdoVBOT2NmdOdDt0SQEb6UCHe+BrRcshjgUOq8TguzXw6z0jZbNyuNu9ZTw+DNbSalUnMxRbfY1t8Z0N/WSNM0ESr2W4rD2FBczASlywlLyCS0DU4i18itHTnRvAtxdvkcQSgZXFWRXEd8pS/h7Smw7DLWUdqtvP2AAr2w76mwhmSJc8QrO3CDiJea0Z84zIrGSL4X4osiL8h25i8APJWpP93obq03NdVDuXt/CtQGgmtG+YZEaxJ/1chwnnKdTaCMOH9vxwMimF1G+uo8DTQoq7C+GzvzgKuLzAQLdcpKgXHQT94FU+YQV36oYFipNzGJig8kHVfseZ7faJGYxsTezWVJDlkrTEajdaN5K4c0cSP8wV8eoEZjT4J3gAAAABJRU5ErkJggg== 

としてbase64でデータを変換する方法を知っていただきたいと思います。 この

var imageS = new Image(); 
     imageS.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAZhJREFUOBGVk79Lw1AQx+9eU5zcC40u4iLYtBQcpaN0dXBxLeIP6CBugiAIIiooooi4ufgPdC6OYm3TwUVcNIVKR+kgTXPehUZt01TfQZJ33+/nvk2TF4ReUS5n2HcvRUTKA0GagD4AsaoArlJdpyRYPWbmPYACEGUQcBwQakRYsuanTrBcdoVBOT2NmdOdDt0SQEb6UCHe+BrRcshjgUOq8TguzXw6z0jZbNyuNu9ZTw+DNbSalUnMxRbfY1t8Z0N/WSNM0ESr2W4rD2FBczASlywlLyCS0DU4i18itHTnRvAtxdvkcQSgZXFWRXEd8pS/h7Smw7DLWUdqtvP2AAr2w76mwhmSJc8QrO3CDiJea0Z84zIrGSL4X4osiL8h25i8APJWpP93obq03NdVDuXt/CtQGgmtG+YZEaxJ/1chwnnKdTaCMOH9vxwMimF1G+uo8DTQoq7C+GzvzgKuLzAQLdcpKgXHQT94FU+YQV36oYFipNzGJig8kHVfseZ7faJGYxsTezWVJDlkrTEajdaN5K4c0cSP8wV8eoEZjT4J3gAAAABJRU5ErkJggg=="; 



    var newFile = new Parse.File("testing.png", imageS); 
newFile.save({ 
       success: function() { 
        console.log("Image Upload Succces"); 


       }, 
       error: function (file, error) { 

        console.log("Image Upload Error" + error.message); 

       } 


      }) 

のようにそれを保存しますが、そのデータとParse.Fileを作成することはできませんを示しています。

Answer 1

はまずParse.File

に設定base64プロパティを持つオブジェクトを受け入れるかのように見えますのためのマニュアルを確認しますbase64文字列。 MIMEタイプ「image/png」は3番目のパラメータですが、指定されたファイル名から推測できます。

データURLのbase64文字列は、"data:image/png;base64,"プリアンブル以降のすべてです。

この分析に基づいて、Parse.Fileコールで間違ったデータを指定しています。画像オブジェクトは取得されません。

Answer 2

あなたは、Imageオブジェクトを作成し、そのSRCとしてBASE64を置くことができます。

var image = new Image(); 
image.src = 'data:image/png;base64,iVBORw...'; 
document.body.appendChild(image);