{"id":34775,"date":"2020-08-22T16:56:32","date_gmt":"2020-08-22T07:56:32","guid":{"rendered":"https:\/\/contactform7.com\/?page_id=34775"},"modified":"2023-10-01T17:17:48","modified_gmt":"2023-10-01T08:17:48","slug":"file-uploading-and-attachment","status":"publish","type":"page","link":"https:\/\/contactform7.com\/es\/file-uploading-and-attachment\/","title":{"rendered":"Subida de archivos y adjuntos"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">En esta entrada explicar\u00e9 la caracter\u00edstica de subida de archivos y adjuntos de Contact Form 7. Con esta caracter\u00edstica, puedes permitir que tus usuarios suban sus archivos a trav\u00e9s de tu formulario y luego se te env\u00ede un correo electr\u00f3nico con los archivos adjuntos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para configurarla, se necesitan dos pasos: 1) <a href=\"#adding-file-uploading-fields-in-your-form\">A\u00f1adir campos de subida de archivos en tu formulario<\/a>, 2) <a href=\"#setting-up-file-attachments-with-an-email\">Configurar tus ajustes de correo para adjuntar los archivos subidos<\/a>. Estos dos pasos se explicar\u00e1n a continuaci\u00f3n.<\/p>\n\n\n\n\n\n\n<h4 class=\"wp-block-heading\" id=\"adding-file-uploading-fields-in-your-form\">A\u00f1adir campos de subida de archivos en tu formulario<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Al igual que para otros tipos de campos de formulario, Contact Form 7 proporciona etiquetas de formulario para campos de subida de archivos (<code>&lt;input type=\"file\"&gt;<\/code> en HTML): <code>file<\/code> y <code>file*<\/code>. La etiqueta con el asterisco <code>file*<\/code>, determina que es un campo obligatorio y requiere que el usuario suba un archivo.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>Opci\u00f3n<\/th><th>Ejemplos<\/th><th>Descripci\u00f3n<\/th><\/tr><tr><td>id:<em>(id)<\/em><\/td><td><code>id:foo<\/code><\/td><td>Valor del atributo <code>id<\/code> de la etiqueta <code>input<\/code>.<\/td><\/tr><tr><td>class:<em>(clase)<\/em><\/td><td><code>class:bar<\/code><\/td><td>Valor del atributo <code>class<\/code> de la etiqueta <code>input<\/code>. Para establecer dos o m\u00e1s clases, puedes usar varias opciones <code>class:<\/code>. Ejemplo: <code>[file tu-archivo class:y2008 class:m01 class:d01]<\/code>.<\/td><\/tr><tr><td>filetypes:<em>(tipos de archivo)<\/em><\/td><td><code>filetypes:image\/*|txt|application\/pdf<\/code><\/td><td>Tipos de archivos aceptables. Enumera las extensiones de archivo despu\u00e9s de <code>filetypes:<\/code>. Cuando tengas varios tipos de archivos para configurar, utiliza el car\u00e1cter \u00ab|\u00bb (barra vertical o pleca) como separador. Puedes utilizar extensiones de archivo y <a href=\"https:\/\/contactform7.com\/es\/2022\/05\/20\/contact-form-7-56-beta\/#file-type-option-supports-mime-types\">tipos MIME<\/a> para declarar tipos de archivos.<\/td><\/tr><tr><td>limit:<em>(num)<\/em><\/td><td><code>limit:1048576<\/code><br><code>limit:1024kb<\/code><br><code>limit:1mb<\/code><\/td><td>Limita el tama\u00f1o m\u00e1ximo de archivo aceptable. Puedes utilizar el sufijo <code>kb<\/code> (kilobyte) o <code>mb<\/code> (megabyte) opcionalmente. Si omites el sufijo, el n\u00famero significar\u00e1 bytes. Ten en cuenta que no puedes usar un punto decimal en \u00e9l (por ejemplo: <code>[file tu-archivo limit:1.5mb]<\/code>) ya que ser\u00e1 ignorado si existe.<\/td><\/tr><tr><td>capture:<em>(valor)<\/em><\/td><td><code>capture:user<\/code><br><code>capture:environment<\/code><\/td><td>Esta opci\u00f3n especifica el valor del <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Attributes\/capture\">atributo HTML de <code>capture<\/code><\/a>.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ejemplo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[file tu-archivo filetypes:pdf|txt limit:2mb]<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Contact Form 7 aplica restricciones predeterminadas para los tipos de archivos aceptables y el tama\u00f1o de archivo cuando has omitido establecer las opciones <code>filetypes:<\/code> y <code>limit:<\/code>. Los tipos de archivo predeterminados son <code>audio\/*|video\/*|image\/*<\/code>, y el l\u00edmite de subida predeterminado es <code>1mb<\/code>. Dado que estos valores predeterminados pueden cambiar en versiones futuras sin previo aviso, recomendamos configurar las opciones expl\u00edcitamente.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"setting-up-file-attachments-with-an-email\">Configurando los archivos adjuntos en un correo electr\u00f3nico<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Para adjuntar los archivos subidos al correo electr\u00f3nico, coloca las <a href=\"http:\/\/contactform7.com\/es\/tag-syntax\/#mail_tag\">etiquetas de correo<\/a> correspondientes a las etiquetas de formulario de los campos de subida de archivos en el campo <strong>Archivos adjuntos<\/strong> en el <a href=\"https:\/\/contactform7.com\/es\/setting-up-mail\/\">panel de la pesta\u00f1a <strong>Correo electr\u00f3nico<\/strong><\/a> como se muestra a continuaci\u00f3n:<\/p>\n\n\n<div class=\"wp-block-image size-full wp-image-28756\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"223\" src=\"https:\/\/contactform7.com\/wp-content\/uploads\/subida-de-archivo-1024x223.png\" alt=\"Captura de pantalla del campo archivo adjunto\" class=\"wp-image-37121\" srcset=\"https:\/\/contactform7.com\/wp-content\/uploads\/subida-de-archivo-1024x223.png 1024w, https:\/\/contactform7.com\/wp-content\/uploads\/subida-de-archivo-300x65.png 300w, https:\/\/contactform7.com\/wp-content\/uploads\/subida-de-archivo-768x167.png 768w, https:\/\/contactform7.com\/wp-content\/uploads\/subida-de-archivo.png 1126w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Captura de pantalla del campo <strong>Archivos adjuntos<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">En este ejemplo, la etiqueta de formulario del campo de subida de archivos es:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[file tu-archivo filetypes:pdf]<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Por lo tanto, la etiqueta de correo correspondiente a esta es:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[tu-archivo]<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Ten en cuenta que lo que pones en el campo <strong>Archivos adjuntos<\/strong> es <code>[tu-archivo]<\/code> (la etiqueta de correo), no <code>[file tu-archivo filetypes:pdf]<\/code> (esta no es una etiqueta de correo sino una etiqueta de formulario).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si has subido varios archivos y quieres adjuntarlos a un correo electr\u00f3nico, simplemente alinea las etiquetas de correo en el campo <strong>Archivos adjuntos<\/strong> de esta manera:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[tu-archivo][tu-otro-archivo]<\/pre>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-contact-form-7\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"f8AQoDurMC\"><a href=\"https:\/\/contactform7.com\/es\/tag-syntax\/\">C\u00f3mo funcionan las etiquetas<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abC\u00f3mo funcionan las etiquetas\u00bb \u2014 Contact Form 7\" src=\"https:\/\/contactform7.com\/es\/tag-syntax\/embed\/#?secret=Uy2jZs1P4n#?secret=f8AQoDurMC\" data-secret=\"f8AQoDurMC\" width=\"474\" height=\"267\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"local-file-attachment\">Archivos adjuntos locales<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Contact Form 7 es compatible con archivos adjuntos locales. Puedes colocar rutas de archivos locales en el campo <strong>Archivos adjuntos<\/strong> y esos archivos se adjuntar\u00e1n al correo electr\u00f3nico, al igual que los archivos subidos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pon una ruta de archivo por l\u00ednea. Cuando la ruta no sea una ruta absoluta, se tratar\u00e1 como una ruta relativa al directorio <code>wp-content<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por razones de seguridad, no se permite especificar archivos fuera del directorio <code>wp-content<\/code> para archivos adjuntos de correo electr\u00f3nico, de modo que tienes que colocar los archivos en <code>wp-content<\/code> o un subdirectorio de este.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ejemplo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[tu-archivo][tu-otro-archivo]\nuploads\/2020\/22\/08\/manualdeuso.pdf<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"How-your-uploaded-files-are-managed\">C\u00f3mo se gestionan tus archivos subidos<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s de que un usuario sube un archivo a trav\u00e9s de tu formulario de contacto, Contact Form 7 comprueba si: 1.) Se han producido <a href=\"http:\/\/www.php.net\/manual\/en\/features.file-upload.errors.php\">errores de PHP<\/a>; 2.) el tipo y el tama\u00f1o del archivo son v\u00e1lidos; y luego, si la comprobaci\u00f3n es correcta, Contact Form 7 mueve el archivo subido a una carpeta temporal. En este punto, Contact Form 7 adjunta el archivo al correo y lo env\u00eda. Despu\u00e9s de estos procedimientos, Contact Form 7 elimina el archivo de la carpeta temporal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La ubicaci\u00f3n de la carpeta temporal por defecto es <code>wp-content\/uploads\/wpcf7_uploads<\/code>. Puede ser diferente si has cambiado el ajuste de la ruta de subida <code>wp-content\/uploads<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esta carpeta se crea autom\u00e1ticamente, pero a veces puede fallar. La raz\u00f3n m\u00e1s probable de esto es que la carpeta principal no tenga suficientes permisos de escritura. En tales casos, puedes cambiar los permisos o crear una carpeta manualmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n puedes cambiar la ruta de la carpeta temporal, estableciendo la constante <code>WPCF7_UPLOADS_TMP_DIR<\/code> en tu archivo <code>wp-config.php<\/code> de este modo:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\ndefine( &#039;WPCF7_UPLOADS_TMP_DIR&#039;, &#039;\/tu\/ruta\/de\/archivos&#039; );\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Si la constante <code>WPCF7_UPLOADS_TMP_DIR<\/code> est\u00e1 definida, este directorio se usar\u00e1 como la carpeta temporal en su lugar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que tu carpeta temporal para los archivos subida exista y tenga permisos de escritura. De lo contrario, la subida de todos los archivos fallar\u00e1.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En esta entrada explicar\u00e9 la caracter\u00edstica de subida de archivos y adjuntos de Contact Form 7. Con esta caracter\u00edstica, puedes permitir que tus usuarios suban sus archivos a trav\u00e9s de tu formulario y luego se te env\u00ede un correo electr\u00f3nico con los archivos adjuntos. Para configurarla, se necesitan dos pasos: 1) A\u00f1adir campos de subida &hellip; <a href=\"https:\/\/contactform7.com\/es\/file-uploading-and-attachment\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">Subida de archivos y adjuntos<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"es_ES","_original_post":"1268","footnotes":""},"class_list":["post-34775","page","type-page","status-publish","hentry","es-ES"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/34775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/comments?post=34775"}],"version-history":[{"count":0,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/34775\/revisions"}],"wp:attachment":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/media?parent=34775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}