Form Data - leyendo y enviando archivos al servidor 

No te pierdas los lives y sigue disfrutando todo el contendio!

Maravilloso, de esto se trata el canal. Comparte las clases porfavor

Suele ser de esos casos un tanto difíciles, pero sin duda se puede 😁

Muchas gracias a ti por tomarte el tiempo de apreciarla con tu comentario, enserio ayuda al animo para crear más contenido.

Me encanta que te sirvan las clases

🥰 es un gran honor tener ese título

Que alegría haber sido de ayuda. 🫶

@@LeonidasEsteban Si Leo, sigue haciendo estos vídeos instructivo podrán inventar miles de framework pero la base (Javascript) no cambia, lo utilice en Vue para un sistemas de condominios que estoy realizando 😃Saludos y Bendiciones para ti campeón

Mil gracias por tu confianza Irving, si. Debí hacer esto desde siempre

Es algo que me comentan mucho. No es mi fuerte pero se lo suficiente como para enseñar un par de cosas divertidas

Así manejo todos mis formularios y es súper divertido

const FILES_UP = evento.target.files[0]; const fileReader = new FileReader(); fileReader.onload = (e) => { // EMITE EVENTO DE CUANDO CARGA. this.base64Pdf.emit({ base64Pdf: fileReader.result, nameFile: this.nameFile }); }; // CARGA EL ARCHIVO SELECCIONADO. fileReader.readAsDataURL(FILES_UP); Esto es en un componente hijo. Por eso emito el evento con el base64 de la imagen. Y en el componente padre, recibes el evento mediante un metodo y ahi accedes con las propiedades "evento.base64Pdf" y "evento.nameFile"

No de esta forma

Existe ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Ha0FkGeNIkA.html

Esto estaría cool, voy a recolectar lo que me han dicho mis amigos para hacer un contenido de este tipo

Seguro no tiene que ver con tu Frontend sino con tu backend sue no los permite. Esa configuración depende de tu servidor web como por ejemplo ngnx que es muy popular

Que buena idea! Me lo anoto 😀

Espero alguna vez poder entrar a enseñar cosas sobre aws, no soy muy bueno pero he estado aprendiendo sobre infraestructura como código y automatización que me interesa un montón

🤔 buena pregunta, el navega ador muestra la subida poco a poco pero investigaré si podemos hacerlo de una forma custom. Normalmente veo que se usan loaders indeterminados para estos casos

Con el objeto XMLHttpRequest se puede pero la pregunta está enfocada si se puede mediante Fetch. Saludos y gracias.

Lo subes a un server y esto tiene muchas opciones. Desde un servidor compartido, un vps, o nubes como heroku, now o entornos más personalizarles como aws o google cloud

Algo está en la instancia de FormData, recuerda formData = new FormData(form)

Muchas gracias .

Un mail es un archivo igual a una imagen, es lo mismo.

Súper fácil, mira aquí te comparto la documentación developer.mozilla.org/es/docs/Web/API/HTMLFormElement/reset

A mi también me emociona hacer más Backend, voy a hacer más ejercicios que requieran esta conexión para entender flujos más completos

hola, pudiste hacerlo? enviar el blob?

Solo para descartar es preventDefault()

@@LeonidasEsteban gracias pero aun que me costo 2 días de borra reescribe resulto que era un problema de mi configuración con visual code ya que yo avía puesto que el servidor se recargara cada ves que se modifique un archivo o encuentre un cambio en la carpeta del proyecto jajaja me di cuenta de eso probando en el servidor sin configuración XD en fin ya valio XD jajjaja

Por supuesto, echa a volar tu imaginación con esto ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Mm9R1Z5B31s.html

@@LeonidasEsteban Gracias, me sirvio un monton.

Si seria muy bueno, yo estoy intentando hacerlo dese hace meses y nada que lo logro, soy novato y quiero aprender angular.

Esto fue supera rápido, felicitaciones

Así cómo? Qué es “normal”?

sisi yo ni me puedo concentrar. Es muy detestable

@@LeonidasEsteban aprende de Fazt el si habla normal