{"id":229870,"date":"2022-11-22T20:34:00","date_gmt":"2022-11-22T17:34:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229870"},"modified":"2022-11-09T16:45:16","modified_gmt":"2022-11-09T13:45:16","slug":"subir-archivos-en-wordpress-revisado-parte-1-el-lado-del-cliente","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/subir-archivos-en-wordpress-revisado-parte-1-el-lado-del-cliente\/","title":{"rendered":"Subir archivos en WordPress, revisado: Parte 1 – El lado del cliente"},"content":{"rendered":"\n

Hace a\u00f1os escrib\u00ed sobre c\u00f3mo subir archivos en WordPress<\/a> desde el \u00e1rea administrativa. Esta publicaci\u00f3n es pr\u00e1cticamente una actualizaci\u00f3n de esa publicaci\u00f3n, pero cubre nuevas consideraciones que hago y algunos otros procesos que creo que son necesarios.<\/p>\n

Para esta publicaci\u00f3n, voy a trabajar con el ejemplo de cargar un archivo PDF y c\u00f3mo tambi\u00e9n hacer que est\u00e9 disponible en la Biblioteca de medios.<\/p>\n

Al hacerlo, tambi\u00e9n estoy planeando cubrir algunas consideraciones que se deben hacer en el lado del cliente y en el lado del servidor, as\u00ed como cosas que buscar cada vez que alguien transfiera informaci\u00f3n a trav\u00e9s del cable.<\/p>\n

Carga de archivos en WordPress (y en la biblioteca multimedia)<\/h2>\n

Antes de llegar a la esencia de esta publicaci\u00f3n, supongo que tienes:<\/p>\n

    \n
  1. Una p\u00e1gina de submen\u00fa o configuraci\u00f3n de p\u00e1gina de administraci\u00f3n con una entrada de archivo,<\/li>\n
  2. Que est\u00e1 configurado correctamente para aceptar tipos MIME,<\/li>\n
  3. Que te sientas c\u00f3modo con un poco de JavaScript,<\/li>\n
  4. Y te sientes c\u00f3modo trabajando con mensajes personalizados fuera de la API est\u00e1ndar de WordPress.<\/li>\n<\/ol>\n

    Si es as\u00ed, todo el c\u00f3digo debe explicarse por s\u00ed mismo (no es que no lo desglose pieza por pieza), pero si algo de lo anterior suena confuso, entonces la publicaci\u00f3n puede incluir alg\u00fan material que requiera un poco m\u00e1s investigaci\u00f3n en el Codex o sobre JavaScript que proporcionar\u00e9 aqu\u00ed.<\/p>\n

    De todos modos, har\u00e9 lo que pueda para ser lo m\u00e1s completo posible.<\/p>\n

    1 La idea principal<\/h3>\n

    La idea de la funci\u00f3n es simple: desea brindarle al usuario la capacidad de cargar archivos PDF a trav\u00e9s del \u00e1rea de administraci\u00f3n de WordPress. Tambi\u00e9n desea que el archivo est\u00e9 disponible en la Biblioteca multimedia.<\/p>\n

    La capacidad de hacer esto no es dif\u00edcil, pero hay formas de mejorar la experiencia del usuario que tambi\u00e9n me gustar\u00eda cubrir en esta publicaci\u00f3n (como no poder cargar nada hasta que el archivo se haya especificado en el cuadro de entrada, para ejemplo).<\/p>\n

    2 La interfaz de usuario para verificar el tipo de archivo<\/h3>\n

    Primero, como dije en la parte superior de la publicaci\u00f3n, asumo que tiene las bases establecidas para la p\u00e1gina de administraci\u00f3n en WordPress. Esto se puede hacer de varias maneras: he optado por usar una p\u00e1gina de submen\u00fa<\/a>, pero hay algunas formas de hacerlo.<\/p>\n

    En segundo lugar, la p\u00e1gina es simple: incluye el t\u00edtulo de la p\u00e1gina, un campo de entrada de archivo y un bot\u00f3n "Cargar" que est\u00e1 deshabilitado de forma predeterminada:<\/p>\n

    Tenga en cuenta que cuando intento agregar una imagen que no es un PDF, aparece un mensaje de error y el bot\u00f3n ‘Cargar’ a\u00fan est\u00e1 deshabilitado:<\/p>\n

    \"Subir<\/a><\/p>\n

    Pero cuando agrego un archivo que es del tipo esperado, el bot\u00f3n ‘Cargar’ est\u00e1 habilitado:<\/p>\n

    \"Subir<\/a><\/p>\n

    Esto requiere algunas cosas:<\/p>\n