Данные URI - базовая кодировка 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/