Como salvar imagem mostrada no preview ?
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:
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!
<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
Curtidas 0