Baixando a imagem do blob

Question

Alguns sites têm algo assim:

<img src="blob:foo" alt="bar">

A função "Salvar imagem como" no Firefox não me permite salvar o blob da imagem: foo. Não consigo baixar a imagem usando "Salvar página como" também. Como posso baixar a imagem?

    

Answer 1

Se você abrir as Ferramentas do desenvolvedor do navegador, por exemplo, F12 no Chrome. Alterne para a visualização Rede, marque "Preservar log" e "Desativar cache" e recarregue a página.

Encontre o recurso de interesse, se ele ajudar você a filtrar para o tipo, por exemplo Img, Media, etc. Após clicar no recurso, você pode clicar na aba Preview e salvar o recurso de lá.

Caso contrário, tenho certeza de que uma ferramenta como o Chrome Cache View - link poderia ajudar.

    

Answer 2

Você só precisa criar seu próprio elemento usando a fonte de imagem da imagem que deseja baixar, como exemplo básico:

var image = document.querySelector('img');       // Image you want to save
var saveImg = document.createElement('a');       // New link we use to save it with
saveImg.href = image.src                         // Assign image src to our link target
saveImg.download = "imagename.jpg";              // set filename for download
saveImg.innerHTML = "Click to save image";       // Set link text
document.body.appendChild(saveImg);              // Add link to page

Agora clique no link e a imagem será baixada