Data uri's - base 64編碼。你可以自動使用JavaScript嗎？

Question

我有一個關於圖像base64編碼的問題。我使用base64處理小型背景圖像。我使用在線base64工具對其進行轉換。並把它直接放在CSS文件中。

但有沒有辦法。 base64編碼自動進行。當我上傳文件到服務器或當我運行網站。然後是CSS中的小背景圖像。自動轉換爲base64編碼。你明白嗎？？

感謝您的幫助！

Answer 1

嗯，我不確定我是否完全理解你的問題。但是，<canvas>元素提供名爲.toDataURL()^help的函數，該函數將<canvas>節點的內容轉換爲Base64編碼的字符串。但是，無論如何，我想你的情況沒有多大意義。

同樣的故事window.btoa()。您需要將圖像普通傳輸到客戶端，然後轉換它們，這沒有任何意義。所以你需要一個在服務器上運行的工具/腳本，並以base64的形式傳輸圖像。並猜測它是什麼，它存在。

supplyJS

使用supplyJS，您就可以創建

supply.listen('image/jpg', function(payload, filename) { 
    jQuery('<img>', { 
     src: 'data:image/jpeg;base64,' + payload 
    }).appendTo(document.body); 
}); 

supply.setDealer('/cgi-bin/supply.pl').files({ 
    images: [ 
     '/images/foo.jpg', 
     '/images/bar.jpg', 
     '/images/another.jpg' 
    ] 
}); 

通話將本地所有圖像轉換爲base64，將他們轉移。

例子：http://www.typeofnan.com/lab/mxhr-stream/