Как преобразовать QR-код в img и сохранить его в хранилище firebase

Я использую qrcode.react для создания qrcode.

<QRCode value = "something.pdf||someFirbaselink||TestCompany" />

как я могу преобразовать это в изображение и сохранить его в хранилище firebase

qrRef.put(<QRCode value = "something.pdf||someFirbaselink||TestCompany" />)
.then(snapshot => {

});

приведенный выше код не будет работать.

Просто подумайте, не будет ли эффективным способом хранить и извлекать данные, необходимые для создания QR-кода в базе данных, и использовать библиотеку QR-кодов на клиенте, чтобы отображать их вместо всей стоимости сетевого трафика для изображений?

Jack Woodward 28.11.2018 10:31
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
1 608
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Этот Ответ stackoverflow показывает показывает другую библиотеку, которую можно использовать, которая предоставит вам base64Data, которую можно использовать для загрузки в хранилище firebase.

Документы для библиотеки QRious

Пример кода, как создать QR-код, а затем загрузить его в firebase

const qr = new QRious();
qr.value = 'https://neocotic.com/qrious';

var storageRef = firebase.storage().ref();
var ref = storageRef.child('qr.png');
ref.putString(qr.toDataURL(), 'data_url').then(function(snapshot) {
  console.info('Uploaded a data_url string!');
});

Другие вопросы по теме