Как воспроизвести "вставить изображение" с расширением chrome

#javascript #google-chrome-extension

Вопрос:

Я разрабатываю расширение Chrome, которое может сохранять и вставлять фрагменты.

Текстовые элементы отлично работают:

 export function copyText(text: string): void {
  const textarea = window.document.createElement('textarea');
  textarea.style.position = 'fixed';
  textarea.style.opacity = '0';
  textarea.value = text;
  window.document.body.appendChild(textarea);
  textarea.select();
  window.document.execCommand('copy');
  window.document.body.removeChild(textarea);
}

export function pasteText(element: HTMLElement): void {
  element.focus();
  window.document.execCommand('paste');
}

Теперь я пытаюсь реализовать то же самое для изображений. Когда это работает, вот как это выглядит discord.com:

В настоящее время я застрял, пытаясь воспроизвести это поведение (например, в консоли Chrome).

У вас есть какие-либо идеи о том, как это можно реализовать?

Ответ №1:

Я предполагаю, что это проверка того, что вы вставили. Если он заканчивается форматом изображения, таким как png, jpg, webp или avif. Затем он встроит URL-адрес в элемент изображения.

например:_https://random.image/cute-dog.png станет

 <img src="https://random.image/cute-dog.png" />