Как использовать HTML5 file api для динамического прикрепления изображения для загрузки файла, base64

#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», например