Como salvar imagem mostrada no preview ?

JavaScript

02/06/2021

Tenho um script que converte uma imagem qualquer e define novo tamanho e altura. Preciso salvar essa imagem convertida na máquina do cliente para depois fazer o upload para o servidor:

<input type="file" name="file" id="file" accept="image/*">


const compress = new Compress()
const preview = document.getElementById('image-preview')
const output = document.getElementById('output')
const upload = document.getElementById('file')

upload.addEventListener('change', (evt) => {
  const files = [...evt.target.files]
  compress.compress(files, {
    size: 4, 
    quality: 0.75,
    maxWidth: 500,
    maxHeight: 300,
    resize: true 
  }).then((images) => {

    const img = images[0]    
    upload.data = `${img.prefix}${img.data}`
    preview.src = `${img.prefix}${img.data}`


Os códigos acima mostra o preview da imagem já convertida. Preciso pegar essa imagem do preview, gravar no formato .jpg e, depois, fazer o upload dela.

Como devo proceder? Obrigado!
Benedito

Benedito

Curtidas 0
POSTAR