0
93
Vistasno se puede ver la imagen de la solicitud de publicación en la consola
tengo un lienzo donde se transmite el video, estoy tomando una instantánea de eso y enviándola a un servidor ¿cómo sé que he enviado la instantánea con éxito al servidor? No puedo ver nada en la sección 'Vista previa' y ¿debería mi carga útil verse así? Puedo ver la instantánea en el front-end usando esa etiqueta img. estado es:
y en la carga útil obteniendo:
y no hay nada en 'Vista previa'
const canvasRef = useRef(null); const [preview, setPreview] = useState(''); const getImage = () => { return new Promise((resolve) => canvasRef?.current.toBlob((blob) => { const src = URL.createObjectURL(blob); setPreview(src); resolve(blob); }), ); }; const takeSnapshott = async () => { let pollUrl = `api/cam/${first}/${second}/snap`; const blob = await getImage(); // SEND THE BLOB TO YOUR SERVER const formData = new FormData(); formData.append('file', blob, 'picture'); try { const res = await fetch(pollUrl, { method: 'POST', headers: { 'Content-Type': 'multipart/form-data', }, body: formData, }); const data = await res.text(); console.log('resso', data); if (res.ok) console.log('SUCCESS', data); else throw new Error(data); } catch (e) { console.error(e); } <img src={preview} style={{ width: '100%', height: 'auto' }} />
·
Santiago Gelvez
Responde la pregunta