Pagador de incrustaciones en html

Arrastre y suelte el documento aquí para cargarlo

Sube documentos de hasta 31 MB en formato PDF, DOC, DOCX, RTF, PPT, PPTX, JPEG, PNG o TXT

Nota: Algunas funciones descritas aquí aún no están disponibles. Contáctenos en support@dochub.com si está interesado.
Aug 6th, 2022
formularios completados
0
formularios completados
formularios firmados
0
formularios firmados
formularios enviados
0
formularios enviados
Service screenshot
01. Carga un documento desde tu ordenador o almacenamiento en la nube.
Service screenshot
02. Agrega texto, imágenes, dibujos, formas, y más.
Service screenshot
03. Firma tu documento en línea en unos pocos clics.
Service screenshot
04. Envía, exporta, envía por fax, descarga o imprime tu documento.

Incrustar pagador en html de manera fluida y segura

Form edit decoration

DocHub hace que sea rápido y sencillo incrustar pagador en html. No es necesario descargar ninguna aplicación adicional: simplemente sube tu html a tu perfil, utiliza la fácil interfaz de arrastrar y soltar, y realiza ediciones rápidamente. Incluso puedes usar tu computadora o dispositivo móvil para ajustar tu documento en línea desde cualquier lugar. Eso no es todo; DocHub es más que solo un editor. Es una solución de gestión de documentos todo en uno con creación de formularios, características de firma electrónica y la opción de permitir que otros completen y firmen documentos.

Cómo incrustar pagador en html usando DocHub:

  1. Sube tu html a tu perfil haciendo clic en Nuevo Documento y eligiendo cómo deseas agregar tu archivo html.
  2. Abre tu archivo en nuestro editor.
  3. Realiza las ediciones deseadas utilizando herramientas de arrastrar y soltar.
  4. Una vez completado, haz clic en Descargar/Exportar y guarda tu html en tu dispositivo o almacenamiento en la nube.
  5. Comparte tu documento con otros usando correo electrónico o un enlace activo.

Cada archivo que subas lo puedes encontrar en tu carpeta de Documentos. Crea carpetas y organiza registros para una búsqueda y acceso más fácil. Además, DocHub garantiza la protección de todos los datos de sus usuarios cumpliendo con estrictos estándares de protección.

Edición de PDF simplificada con DocHub

icon
Edición de PDF sin complicaciones
Editar un PDF es tan simple como trabajar en un documento de Word. Puedes agregar texto, dibujos, resaltados y ocultar o anotar tu documento sin afectar su calidad. Sin texto rasterizado ni campos eliminados. Usa un editor de PDF en línea para obtener tu documento perfecto en minutos.
icon
Trabajo en equipo fluido
Colabora en documentos con tu equipo usando un dispositivo de escritorio o móvil. Permite que otros vean, editen, comenten y firmen tus documentos en línea. También puedes hacer tu formulario público y compartir su URL en cualquier lugar.
icon
Guardado automático
Cada cambio que realices en un documento se guarda automáticamente en la nube y se sincroniza en todos los dispositivos en tiempo real. No es necesario enviar nuevas versiones de un documento o preocuparse por perder información.
icon
Integraciones de Google
DocHub se integra con Google Workspace para que puedas importar, editar y firmar tus documentos directamente desde tu Gmail, Google Drive y Dropbox. Cuando termines, exporta documentos a Google Drive o importa tu libreta de direcciones de Google y comparte el documento con tus contactos.
icon
Potentes herramientas de PDF en tu dispositivo móvil
Mantén tu trabajo en marcha incluso cuando estés lejos de tu ordenador. DocHub funciona en móvil con la misma facilidad que en escritorio. Edita, anota y firma documentos desde la comodidad de tu teléfono inteligente o tableta. No es necesario instalar la aplicación.
icon
Compartición y almacenamiento de documentos seguros
Comparte, envía por correo electrónico y envía documentos por fax instantáneamente de una manera segura y conforme. Establece una contraseña, coloca tus documentos en carpetas encriptadas y habilita la autenticación del destinatario para controlar quién tiene acceso a tus documentos. Una vez finalizado, mantiene tus documentos seguros en la nube.

Aumenta la eficiencia con el complemento DocHub para Google Workspace

Accede a documentos y edítalos, fírmalos y compártelos directamente desde tus aplicaciones de Google favoritas.
Instalar ahora

Cómo hacer pagador de incrustaciones en html

5 de 5
1 votos

muy bien, bienvenidos de nuevo a todos. en este video voy a mostrarles cómo podemos agregar un video a una página web. necesitarán un video de uno de estos tipos de archivo. cuando estuve en tokio hace algunos años, vi un verdadero mario kart corriendo por la calle. así que lo que voy a hacer es colocar este archivo mp4 junto a mi archivo index.html y luego, dentro de vs code, necesitamos un elemento de video y listaremos el atributo src igual al nombre de nuestro archivo con el que estamos trabajando y en mi caso es racing.mp4. ahora, este video es enorme, así que cambiemos el ancho de esto usando el atributo width, width igual a, ¿qué tal 500? eso es mucho mejor, pero necesitaremos algunos controles para poder reproducir este video. estoy haciendo clic en esto y no pasa nada. controls es un atributo booleano, solo tenemos que listar el nombre del atributo para agregar controles. ahí vamos, ahora tenemos algunos controles. ahora, si quieres que esto se reproduzca tal vez en el fondo, un

video background

¿Tienes preguntas?

A continuación, algunas preguntas comunes de nuestros clientes que pueden proporcionarte la respuesta que buscas. Si no puedes encontrar una respuesta a tu pregunta, no dudes en ponerte en contacto con nosotros.
Contacto
Al escribir HTML, es importante formatear correctamente tu código utilizando una buena indentación. Puedes indentar elementos moviéndolos dos espacios a la derecha. Esto hará que tu código sea más legible para otros desarrolladores y muestra la relación entre los elementos HTML padre e hijo.
El Botón de Envío El
La se utiliza para mostrar que los navegadores no son compatibles con la etiqueta. Esta etiqueta informará al usuario qué falta en los navegadores de los usuarios.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="3" data-qa-tag="faq-tab-4"> <div class="accordion__panel-status"></div> ¿Qué es la etiqueta embed en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">Definición y Uso La <embed> define un contenedor para un recurso externo, como una página web, una imagen, un reproductor multimedia o una aplicación de complemento.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="4" data-qa-tag="faq-tab-5"> <div class="accordion__panel-status"></div> ¿Cómo añado código embed a HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">Cómo añadir código HTML embed a tu sitio: Elige un Widget AtoZ. Resalta el código embed, luego cópialo a tu portapapeles. En tu sistema de gestión de contenido, abre tu visor HTML. Pega el fragmento HTML que acabas de copiar en la ventana de tu visor HTML. Ahora has incrustado el Widget AtoZ en tu sitio web o blog.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="5" data-qa-tag="faq-tab-6"> <div class="accordion__panel-status"></div> ¿Cuál es el código embed de una URL? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">El código embed es un bloque de código que se utiliza para añadir contenido externo a cualquier documento HTML o un código corto que se puede copiar de un sitio web a otro utilizando un Iframe usando <iframe>. Numerosos tipos de contenido pueden ser incrustados en un sitio web; incluyen; Chatbots.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="6" data-qa-tag="faq-tab-7"> <div class="accordion__panel-status"></div> ¿Cómo muestro el código embed en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">Para añadir una característica específica, utiliza un bloque T123 (Código HTML Embed). Funciona para cualquier código, incluyendo etiquetas script y style. Puedes añadir código HTML al cuerpo de la página (dentro de la etiqueta <body>) o a la sección head del sitio web o página.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="7" data-qa-tag="faq-tab-8"> <div class="accordion__panel-status"></div> ¿Cómo incrustar datos en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">El recurso externo puede ser una página web, una imagen, un reproductor multimedia o una aplicación de complemento. Para incrustar una imagen, es mejor usar la etiqueta <img>. Para incrustar HTML, es mejor usar la etiqueta <iframe>. Para incrustar video o audio, es mejor usar las etiquetas <video> y <audio>.</div> </div> </div> </div> </div> </section> <section class="page-section page-section--customers-reviews"> <div class="page-section__inner"> <h2 class="section-title">Ve por qué nuestros clientes eligen DocHub</h2> <div class="user-reviews"> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Gran solución para documentos PDF con muy poco conocimiento previo requerido.</div> <div class="user-review__message">"Simplicidad, familiaridad con el menú y fácil de usar. Es fácil de navegar, hacer cambios y editar lo que necesites. Como se utiliza junto a Google, el documento siempre se guarda, así que no tienes que preocuparte por ello."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/189/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Profesora</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Un valioso firmador de documentos para pequeñas empresas.</div> <div class="user-review__message">"Me encanta que DocHub sea increíblemente asequible y personalizable. Realmente hace todo lo que necesito, sin un gran precio como algunos de sus competidores más conocidos. Puedo enviar documentos seguros directamente a los correos electrónicos de mis clientes y en tiempo real cuando están viendo y haciendo alteraciones a un documento."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/189/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Jiovany A</b><br>Pequeña Empresa</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"> </div> </div> <div class="user-review__body"> <div class="user-review__title">Puedo crear copias rellenables para las plantillas que selecciono y luego puedo publicarlas.</div> <div class="user-review__message">"Me gusta trabajar y organizar mi trabajo de la manera adecuada para cumplir e incluso superar las demandas que se hacen a diario en la oficina, así que disfruto trabajar con archivos PDF, creo que son más profesionales y versátiles, permiten..."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/189/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Victoria G</b><br>Pequeña Empresa</div> </div> </div> </div> </div> </div> </div> </section> <section class="page-section page-section--c2a-get-form"> <div class="page-section__inner"> <div class="section-title-preamble">esté listo para obtener más</div> <h4 class="section-title">Edita y firma PDF<span class="section-title__accent">gratis</span></h4> <a class="button" tabindex="0" data-qa-tag="button-cta-get-started" onclick="sksTracker.trackBeforeAction()" href="https://dochub.com/es/sign-up" data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp_functionalities" >Empieza ahora</a> </div> </section> <div class="page__footer"> <div class="page-section page-section--footer"> <div class="page-section__inner"> <div class="footer-section"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/189/images/logos/dochub-reverse-2025.svg" alt="DocHub" width="104" height="24" loading="lazy"></div> <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste. 303 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Síguenos</a></div> </div> </div> <div class="footer-section app-buttons app-buttons--desktop"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&amp;pid=web_footer" rel="noopener" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/189/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&amp;pid=web_footer" rel="noopener" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/189/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy"> </a> </div> <div class="copyright-caption">© 2025 DocHub, LLC</div> <div class="copyright-caption">Todos los derechos reservados.</div> </div> <div class="footer-section"> <div class="footer-section-title">Productos</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/pdf-editor">Editor de PDF</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/pdf-forms">Formularios y plantillas</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/sign-documents">Firmar documentos</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.statuspage.io/">Estado del servidor</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/es/pricing">Precios</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/fillable-form">Biblioteca de formularios</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/main-features">Características</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/functionality">Funciones</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Empresa</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/about-us">Acerca de</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://legal.dochub.com/es/terms">Términos de Servicio</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://legal.dochub.com/es/privacy-notice">Aviso de privacidad</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://legal.dochub.com/es/">Centro Legal</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Cumplimiento de Firma Electrónica</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.com/helpdesk">Asistencia</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/es/release-notes">Notas de publicación</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://policies.airslate.com/bug-bounty-program">Programa de recompensas por errores</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Recursos</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.signnow.com/">SignNow</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.airslate.com">WorkFlow</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://instapage.com">Instapage</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.dochub.com/es/mobile-app">Aplicación móvil DocHub</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">¿Qué hay de nuevo?</div> <div class="text-label text-label text-label--new">Nuevo</div> <div class="release-note-caption">DocHub v6.6.0 - @menciones, asistente de IA y más</div> </div> <div class="footer-section footer-section--only-desktop"> <div class="footer-section-title footer-section-title--mobile-only">Contáctanos</div> <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste. 303 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"> <a class="socials-link socials-link--twitter" rel="noopener" target="_blank" href="https://twitter.com/dochub">Síguenos</a> </div> </div> </div> <div class="footer-section app-buttons app-buttons--mobile"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&amp;pid=web_footer" rel="noopener" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/189/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&amp;pid=web_footer" rel="noopener" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/189/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy"> </a> </div> </div> <div class="page-section__inner page-section__inner--footer-mobile-only"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/189/images/logos/dochub-reverse-2025.svg" alt="DocHub" width="104" height="24" loading="lazy"></div> <div class="copyright-caption">© 2025 DocHub, LLC</div> <div class="copyright-caption">Todos los derechos reservados.</div> </div> </div> </div> <div class="popup-cookie popup-cookie__v2" role="dialog" aria-labelledby="cookie-banner-title" aria-describedby="cookie-banner-description"> <button class="popup-cookie__close js-popup-close" type="button" title="Close cookie banner" aria-label="Close cookie banner"></button> <div class="popup-cookie__row"> <div class="popup-cookie__column popup-cookie__column--description"> <div class="popup-text" id="cookie-banner-description"> <span class="visually-hidden" id="cookie-banner-title">Cookie consent notice</span> This site uses cookies to enhance site navigation and personalize your experience. By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/es/site/privacy-notice" title="Cookie Privacy Notice" target="_blank" aria-label="Privacy Notice - opens in new window">Privacy Notice</a>. You can modify your selections by visiting our <a href="https://dochub.com/es/site/cookies" title="Cookie Advertising Notice" target="_blank" aria-label="Cookie and Advertising Notice - opens in new window">Cookie and Advertising Notice</a>. <button class="popup-readmore popup-readmore--more" type="button" aria-expanded="false" aria-controls="cookie-banner-description">... <span class="link">Read more...</span></button> <button class="popup-readmore popup-readmore--less link" type="button" aria-expanded="true" aria-controls="cookie-banner-description">Read less</button> </div> </div> <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div> </div> </div> <script> window.events = {"google_one_tap_click":"dh_lp_google_one_tap_click","google_one_tap_close":"dh_lp_google_one_tap_close","google_button_displayed":"dh_lp_google_button_displayed","google_button_click":"dh_lp_google_button_click","pdffiller_editor_button_click":"dh_pdffiller_uploader_click"}; window.experiment_name = 'dh-dhlp-1072-intently-tag' window.experiment_branch = '2' </script> <script> window.UPLOADER_TITLE_MOBILE = 'Pulse aquí para cargar documentos'; window.UPLOADER_TITLE_DESKTOP = 'Arrastre y suelte el documento aquí para cargarlo'; window.UPLOADER_ERROR_FILE_SIZE = 'El tamaño del archivo supera los 31 MB'; window.UPLOADER_ERROR_FILE_TYPE = 'Formato de archivo no compatible'; window.UPLOADER_FILE_TYPES = ["pdf","ots","doc","docx","xltx","odp","pot","xlsm","dotx","pptx","xlsx","otp","ppt","pptm","tsv","odt","ods","odg","docm","xls","xlt","txt","html","rtf","potx","dot","tiff","gif","png","jpg","jpeg","svg","sxw","csv","jfif"]; window.dropArea = document.getElementById('uploader-area__drop-zone'); window.errorMessageWindow = document.querySelector('.error-message'); window.errorFileName = document.getElementById('error-file-name'); window.errorText = document.querySelector('.error-text'); const loadingWindow = document.querySelector('.loading-window'); const fileName = document.getElementById('file-name'); const progressBar = document.getElementById('progress-bar'); const loader = document.querySelector('.loader'); const check = document.querySelector('.check'); const status = document.querySelector('.status'); const decorationLeft = document.querySelector('.uploader-area-decoration--left'); const decorationRight = document.querySelector('.uploader-area-decoration--right'); const modal = document.getElementById('modal-loader'); const fileElem = document.getElementById('fileElem'); window.onpageshow = () => { modal.style.display = 'none'; decorationLeft.style.display = 'block'; decorationRight.style.display = 'block'; window.dropArea.style.display = 'block'; loadingWindow.style.display = 'none'; window.errorMessageWindow.style.display = 'none'; fileName.textContent = ''; status.textContent = ''; window.errorFileName.textContent = ''; window.errorText.textContent = ''; fileElem.value = ''; }; window.sendMetric = (metrics = {}, route = '/api/send-metrics') => { let ajax = new XMLHttpRequest(); ajax.open('POST', route, true); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); ajax.send(JSON.stringify(metrics)); }; window.uploadFile = function(file) { let url = '/api/dochub-uploader/upload'; let xhr = new XMLHttpRequest(); if (window.dataLayer) { window.dataLayer.push({ event: "CE_signature_gen_start_file_upload", }) } xhr.upload.addEventListener('progress', function(event) { if (event.lengthComputable) { const percentComplete = Math.round((event.loaded / event.total) * 100); let currentProgress = 0; const incrementProgress = () => { if (currentProgress < percentComplete) { currentProgress += 0.5; progressBar.style.width = currentProgress + '%'; if (currentProgress < 100) { setTimeout(incrementProgress, 50); } } }; incrementProgress(); if (currentProgress === 100) { status.textContent = 'Finalizado'; loader.style.display = 'none'; check.style.display = 'block'; modal.style.display = 'block'; } } }); xhr.open('POST', url, true); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { try { const data = JSON.parse(xhr.responseText); if (data.result) { let xhr = new XMLHttpRequest(); xhr.open('POST', 'https://www.dochub.com/api/send-metrics', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); xhr.send(JSON.stringify({ abTower: 'dh_dochub_editor_before_redirect', dataDog: 'dh_dochub_editor_before_redirect' })); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "CE_file_navigate_DH", }) xhr.onload = function () { console.log(this.responseText); if (window.dataLayer) { window.dataLayer.push({ event: "CE_signature_gen_success_file_upload", }) } window.location.href = data.data.url; } xhr.onerror = function () { if (window.dataLayer) { window.dataLayer.push({ event: "CE_signature_gen_success_file_upload", }) } window.location.href = data.data.url; } } else { throw new Error('Error processing file.'); } } catch (error) { showErrorMessage('Error occurred during file upload'); console.error('Error parsing JSON response', error); } } else { showErrorMessage('Error occurred during file upload'); console.error('Request failed with status', xhr.status); } fileElem.value = ''; } }; xhr.onerror = function() { showErrorMessage('Error occurred during file upload'); fileElem.value = ''; }; xhr.timeout = 60000; xhr.ontimeout = function() { showErrorMessage('Error occurred during file upload'); fileElem.value = ''; }; window.showErrorMessage = function(message) { window.errorFileName.textContent = file.name; window.errorText.textContent = message; window.errorMessageWindow.style.display = 'block'; decorationLeft.style.display = 'block'; decorationRight.style.display = 'block'; window.dropArea.style.display = 'block'; modal.style.display = 'none'; loadingWindow.style.display = 'none'; }; let formData = new FormData(); formData.append('file', file); decorationLeft.style.display = 'none'; decorationRight.style.display = 'none'; window.dropArea.style.display = 'none'; check.style.display = 'none'; loader.style.display = 'block'; loadingWindow.style.display = 'flex'; fileName.textContent = file.name; status.textContent = 'Tratamiento'; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "CE_file_upload_DH", }) window.sendMetric({ abTower: 'dh_lp_dochub_editor_before_upload', dataDog: 'dh_dochub_editor_before_upload', }, 'https://www.dochub.com/api/send-metrics'); xhr.send(formData); }; </script> <script> window.CURRENT_DATE_LOCALE = 'es'; </script> <img style="position: absolute; left: -9999px;" src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/> <script src="https://cdn.mrkhub.com/dochub-frontend/189/javascripts/functionality-page.js"></script> <script defer src="https://cdn.mrkhub.com/sks/js/sks_track.js"></script> <link media="all" href="https://cdn.mrkhub.com/dochub-frontend/189/stylesheets/functionality-page.css" rel="stylesheet"> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9a45bdbc7b3b18aa',t:'MTc2NDEyMTg5MS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>