Cargas de archivos HTML
Plantilla de formulario HTML de carga de archivos.
Use este flujo de carga cuando un visitante necesite enviar un resumen, imagen, recibo u otro documento con contexto. El formulario multipart y las reglas de archivo explícitas ayudan al backend a recibir correctamente el adjunto.
Ponga esta plantilla en marcha
Conecte el formulario con el flujo de trabajo que lo rodea.
El flujo de trabajo de carga de archivos HTML es solo una parte de un formulario de producción. Use estos recursos para perfeccionar el marcado, comparar backends y enrutar los envíos aceptados.
Elementos de formularios HTML
Elija entradas, áreas de texto, grupos de botones de opción, selecciones y patrones de validación accesibles para este formulario.
Herramienta gratuitaGenerador de plantillas de formularios HTML
Genere un formulario inicial completo y adapte sus campos al flujo de trabajo de esta página.
ComparaciónComparar backends de formularios
Revise la entrega, las cargas, los webhooks, las notificaciones y las ventajas y desventajas de la migración antes del lanzamiento.
SoluciónFormularios de captura de clientes potenciales
Convierta campos estructurados de contacto y cualificación en un flujo de admisión listo para ventas.
SoluciónNotificaciones de formularios
Enrute los envíos aceptados a destinatarios de correo electrónico verificados, al chat del equipo o a un webhook.
SoluciónEntrega de carga de archivos
Añada reglas de carga y gestión de entrega cuando este flujo necesite documentos de respaldo.
Campos
Qué captura este formulario
- Nombre del cargador y correo de respuesta
- Tipo de documento y referencia relacionada
- Adjunto obligatorio con formatos aceptados
- Mensaje que describe el archivo cargado
Flujo de trabajo
Cómo usarlo con FormsFort
- Valide el tipo y tamaño del archivo antes de reenviarlo a un destino.
- Envíe al cargador un acuse de recibo con el campo de referencia original.
- Use la ruta de carga directa para adjuntos sencillos y la ruta de almacenamiento avanzada cuando se requiera análisis con ClamAV.
- Reenvíe los metadatos a un webhook para que un equipo pueda revisar el archivo sin reconstruir un backend de cargas.
Copiar y pegar HTML
Código de formulario listo para backend.
Replace YOUR_ACCESS_KEY with your FormsFort public access key, then deploy the form on your site.
<form action="https://api.formsfort.com/submit" method="POST" enctype="multipart/form-data">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
<input type="hidden" name="subject" value="New file upload" />
<input type="hidden" name="upload_source" value="document-request-page" />
<label for="uploader_name">Your name</label>
<input type="text" id="uploader_name" name="name" autocomplete="name" required />
<label for="uploader_email">Email address</label>
<input type="email" id="uploader_email" name="email" autocomplete="email" required />
<label for="document_type">What are you uploading?</label>
<select id="document_type" name="document_type" required>
<option value="">Choose a document type</option>
<option value="brief">Project brief</option>
<option value="receipt">Receipt</option>
<option value="screenshot">Screenshot</option>
<option value="other">Other document</option>
</select>
<label for="reference">Related order or request number</label>
<input type="text" id="reference" name="reference_number" autocomplete="off" />
<label for="attachment">File (PDF, DOCX, PNG, or JPG; 10 MB maximum)</label>
<input type="file" id="attachment" name="attachment" accept=".pdf,.docx,.png,.jpg,.jpeg" required />
<label for="upload_message">Message about this file</label>
<textarea id="upload_message" name="message" rows="5" maxlength="3000"></textarea>
<input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off" />
<button type="submit">Upload file</button>
</form>Notas de producción
Hazlo confiable antes del lanzamiento
- Enviar desde el dominio de producción real y confirmar que los registros de entrega muestran el origen esperado.
- Mantenga campos ocultos para enrutamiento y contexto, no secretos. Las claves de acceso público son identificadores.
- Utilice dominios permitidos, honeypots, límites de velocidad y CAPTCHA opcional para formularios públicos.
- Pruebe las cargas, las payloads de webhooks, las filas de la hoja de cálculo y la copia de la respuesta automática antes de publicar.
Preguntas frecuentes
Preguntas comunes
¿Por qué este formulario usa multipart/form-data?
El navegador solo envía una entrada de archivo como adjunto cuando el formulario usa multipart/form-data. Mantenga esa codificación y método al sustituir el marcador del endpoint de FormsFort.
¿Se analizan los archivos cargados?
Las cargas directas aplican reglas de archivo y comprobaciones de firma. Elija la ruta avanzada de almacenamiento de objetos cuando su flujo requiera análisis con ClamAV antes de poner un archivo a disposición.
¿Puedo aceptar más formatos de archivo?
Sí, actualice conjuntamente la indicación accept y la política de archivos de FormsFort. Restrinja las extensiones y el tamaño a lo que realmente necesita el flujo en lugar de aceptar cualquier tipo de archivo.
Plantillas relacionadas
Cree el siguiente formulario en el flujo de trabajo.
HTML support ticket form template
Use este formulario de ticket de soporte cuando un equipo necesite suficiente contexto de diagnóstico para clasificar un problema en la primera respuesta. Convierte una página de ayuda estática en un flujo estructurado de recepción de soporte.
Formularios de solicitudPlantilla de formulario de solicitud de empleo
Utilice este formulario para aplicaciones de roles específicos donde los equipos de contratación necesitan un currículum, detalles de contacto, respuestas de selección y seguimiento de fuentes sin crear un backend para el solicitante.
Formularios de donaciónPlantilla de formulario de solicitud de donación
Utilice este formulario cuando los visitantes necesiten solicitar una donación, patrocinio, obsequio en especie o apoyo para recaudar fondos. FormsFort convierte el envío en un flujo de trabajo backend en lugar de dejarlo como un correo electrónico sin formato.