如何將base64數據轉換爲JavaScript中的PNG文件？

-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。

來源

2016-10-06 Khoo Zhi Yan

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

你的意思是將URL轉換爲文件？例如，顯示圖像，使用數據URL，右鍵單擊並將其保存到文件_not_做你想做的事情？你還試過了什麼？ – traktor53

ya將數據網址轉換爲png文件，因爲我想將其保存到數據庫 –

首先檢查文檔Parse.File

看上去好像會接受一個對象與base64屬性設置爲base64字符串。 mime類型「image/png」是第三個參數，但可以從提供的文件名中推斷。

數據網址中的base64字符串是"data:image/png;base64,"前導碼之後的所有內容。

基於此分析，您在Parse.File調用中提供了錯誤的數據 - 它不包含圖像對象。

來源

2016-10-06 09:51:15 traktor53

您可以創建一個Image對象，並把以base64作爲其源：

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

來源

2016-10-06 09:01:22

做圖像成爲一個PNG文件？ –

不是。這是一個HTML圖像標記。 –

如何將base64數據轉換爲JavaScript中的PNG文件？

回答

相關問題