#javascript #html #image #file-upload #base64
#javascript #HTML #изображение #загрузка файла #base64
Вопрос:
Мне нужно динамически добавлять изображение в файлы полей ввода (HTML5 file api). Для этого необходимо добавить некоторую строку base64. Я нашел этот способ добавления файлов в поле ввода, но я хочу понять, возможно ли сделать то же самое для изображений, используя кодировку base64 этого изображения.
const dT = new ClipboardEvent('').clipboardData || new DataTransfer();
dT.items.add(new File(['foo'], 'programmatically_created.txt'));
inp.files = dT.files;
<input type="file" id="inp">
Комментарии:
1. Src тега img может быть строкой base64. Поскольку src можно изменить с помощью javascript, аналогичным образом вы можете определить его в некоторой строке base64
2. @GetSet Я тоже думал об этом. Но как прикрепить это изображение к полю ввода?
3. Хелен, похоже, вам нужен файловый API HTML5
4. @GetSet Да, вы правы
5. Я не слишком разбираюсь в этом API. Возможно, вы могли бы переформулировать свой вопрос, чтобы сообщество лучше отреагировало, и включить эти ключевые слова. «Как использовать HTML5 file api для динамического прикрепления изображения для загрузки файла, base64», например