Chrome extensions: как получить image data?

Question

[PigData]

Как получить image data картинки над которой было вызвано контекстное меню (для последующей отправки на сторонний сайт)? Интересует именно получение "data", а не url картинки.

Answer 1

[Roman]

data в base64 ?

const toDataURL = url => fetch(url)
  .then(response => response.blob())
  .then(blob => new Promise((resolve, reject) => {
    const reader = new FileReader()
    reader.onloadend = () => resolve(reader.result)
    reader.onerror = reject
    reader.readAsDataURL(blob)
  }))


toDataURL('https://www.gravatar.com/avatar/d50c83cc0c6523b4d3f6085295c953e0')
  .then(dataUrl => {
    console.log('RESULT:', dataUrl)
  })

Comments

[PigData]

Спасибо за ответ, но:

1. Как в Chrome extensions отловить объект над которым произошел вызов контекстного меню (mouseover, focus, etc.), типа console.log(this.src)?

2. Интересует именно снять data без повторного запроса через url - там графики статистики в виде картинки и они не кэшируемые и обновляются при каждом запросе - пользователь увидит одно, а отправит другое.