Olá,
Tomei um susto quando o professor colocou uma URL que não é foto e o sistema aceitou. Apareceu na tela home.vue um card só com o texto...
Dúvida. Quero garantir que a url fornecida SEJA uma foto e só acenda o botão gravar quando o usuário tiver preenchido os 3 campos corretamente. Como fazer?
Fala ai Luis, tudo bem? Nesse caso você pode realizar essa validação na API, ela quem deveria ser responsável por isso e não a view.
A ideia seria receber o conteúdo na API e caso não seja bytes de imagens ela retorne um erro 400 informando isso.
Uma das formas de validar isso seria na API você fazer uma requisição para o endereço informado e verificar se nos cabeçalhos foi retornado o formato de imagem.
Espero ter ajudado.
Bom dia Matheus, obrigado pelo retorno. Eu entendi o que disse, mas poderia dar um exemplo com código? Obrigado.
Fala Luis, seria algo assim:
const axios = require('axios')
axios.get(urlDaImagem)
.then(response => {
console.log(response.headers['content-type'].includes('img/jpg'))
})Espero ter ajudado