1

Utilizando a função fetch eu preciso obter o conteúdo de uma imagem obtida na resposta do servidor. O problema é que essa imagem está vindo com o conteúdo diferente do que deveria.

Utilizando "requests" no Python:

b'\xff\xd8\xff\xe0\x00\x10JFIF\x00\x01\x01\x00\x00\x01\x00\x01\x00\x00\xff\xed\x00 ...

Utilizando "fetch" no JavaScript:

���� JFIF �� |Photoshop 3.0 8BIM...

Preciso que o conteúdo obtido no fetch seja o mesmo que o obtido no requests do Python, para que a imagem seja salva depois no computador. Abaixo está o meu código:

async function get_image_data_from(url) {
    let response = await fetch(url);
    return await response.text();
}

12
  • 1
    A imagem é dado binário, você tem o buscar como blob response.blob(); . Se buscar como texto vai o corromper. Dá uma olhada nesse exemplo 6/06/2020 às 4:43
  • @AugustoVasques estou procurando por uma solução que não seja necessário instalar mais um pacote porque eu já estou utilizando um pacote chamado puppeteer que possui um método que executa um código JavaScript no navegador e retornar um valor. No caso eu preciso obter o conteúdo da imagem como se eu não estivesse utilizando Node.js e sim apenas JS puro do browser. É possível fazer isso ? O Luiz também tinha recomendado utilizar o método blob do fetch do browser na resposta (ele apagou a resposta), mas como eu disse, eu preciso obter o conteúdo em string para salvar a imagem. 6/06/2020 às 5:06
  • Basicamente o método do pacote puppeteer (similar ao selenium) vai retornar um valor que será um código JS executado no próprio navegador sem Node. Após isso eu salvo este arquivo utilizando o fs com o retorno (conteúdo da imagem) do método. Se não for possível obter o conteúdo sem estar "bugado" através do fetch padrão, eu vou tentar este node-fetch mesmo. 6/06/2020 às 5:10
  • No seu código de exemplo JS já está usando fetch, o título da pergunta é sobre fetch. No exemplo python aquele b na frente da string significa binário e se comparar os valores que tem em python com o exemplo que dei em js vai ver que o cabeçalho é o mesmo só não tem as barras `` 6/06/2020 às 5:11
  • No caso o pacote que usei é só um emulador do fetch do navegador para node. 6/06/2020 às 5:12

1 Resposta 1

0

async function get_image_data_from( url ) {

let blob = await ( await fetch( url ) ).blob() 
// await ( await fetch( url ) ).text() a codificação será sempre utf-8.

let Response_BinaryStrings = await new Promise( (resolve) => {
    let reader = new FileReader();
    reader.onloadend = () => resolve( reader.result );
    
    // texto para dados binários ==>
    reader.readAsBinaryString( blob ); // ==> codificação tipo Windows-1252.
    // ou ==> reader.readAsText( blob, 'x-user-defined' );
    } 
);

return Response_BinaryStrings;
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .