2016-10-06 56 views
-3

我想知道如何为Base64数据转换,如如何将base64数据转换为JavaScript中的PNG文件?

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

一个PNG图像(testing.png)。 并保存这样

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。

+9

https://stackoverflow.com/questions/21227078/convert-base64-to-image-in-javascript-jquery – Goombah

+0

你的意思是将URL转换为文件?例如,显示图像,使用数据URL,右键单击并将其保存到文件_not_做你想做的事情?你还试过了什么? – traktor53

+0

ya将数据网址转换为png文件,因为我想将其保存到数据库 –

回答

0

首先检查文档Parse.File

看上去好像会接受一个对象与base64属性设置为base64字符串。 mime类型“image/png”是第三个参数,但可以从提供的文件名中推断。

数据网址中的base64字符串是"data:image/png;base64,"前导码之后的所有内容。

基于此分析,您在Parse.File调用中提供了错误的数据 - 它不包含图像对象。

1

您可以创建一个Image对象,并把以base64作为其源:

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

做图像成为一个PNG文件? –

+1

不是。这是一个HTML图像标记。 –

相关问题