{"id":230217,"date":"2022-11-22T20:20:00","date_gmt":"2022-11-22T17:20:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230217"},"modified":"2022-11-09T20:38:33","modified_gmt":"2022-11-09T17:38:33","slug":"carregando-arquivos-no-wordpress-revisitado-parte-1-o-lado-do-cliente","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/carregando-arquivos-no-wordpress-revisitado-parte-1-o-lado-do-cliente\/","title":{"rendered":"Carregando arquivos no WordPress, revisitado: Parte 1 – O lado do cliente"},"content":{"rendered":"\n

Anos atr\u00e1s, escrevi sobre como fazer upload de arquivos no WordPress<\/a> a partir da \u00e1rea administrativa. Este post \u00e9 praticamente uma atualiza\u00e7\u00e3o daquele post, mas abrange novas considera\u00e7\u00f5es que fa\u00e7o e alguns outros processos que julgo necess\u00e1rios.<\/p>\n

Para este post, vou trabalhar com o exemplo de upload de um arquivo PDF e como tamb\u00e9m disponibiliz\u00e1-lo na Biblioteca de M\u00eddia.<\/p>\n

Ao fazer isso, tamb\u00e9m estou planejando cobrir algumas considera\u00e7\u00f5es que devem ser feitas no lado do cliente e no lado do servidor, bem como coisas que devem ser observadas sempre que algu\u00e9m estiver transferindo informa\u00e7\u00f5es pela rede.<\/p>\n

Upload de arquivos no WordPress (e para a biblioteca de m\u00eddia)<\/h2>\n

Antes de chegar \u00e0 ess\u00eancia deste post, suponho que voc\u00ea tenha:<\/p>\n

    \n
  1. Uma p\u00e1gina de submenu ou configura\u00e7\u00e3o de p\u00e1gina de administra\u00e7\u00e3o com uma entrada de arquivo,<\/li>\n
  2. Que voc\u00ea est\u00e1 configurado corretamente para aceitar tipos MIME,<\/li>\n
  3. Que voc\u00ea est\u00e1 confort\u00e1vel com um pouco de JavaScript,<\/li>\n
  4. E voc\u00ea se sente confort\u00e1vel trabalhando com mensagens personalizadas fora da API padr\u00e3o do WordPress.<\/li>\n<\/ol>\n

    Nesse caso, todo o c\u00f3digo deve ser relativamente autoexplicativo (n\u00e3o que eu n\u00e3o v\u00e1 detalhar parte por parte), mas se algum dos itens acima parecer confuso, o post pode incluir algum material que exija um pouco de mais pesquisas no Codex ou sobre JavaScript que fornecerei aqui.<\/p>\n

    Independentemente disso, farei o que puder para ser o mais abrangente poss\u00edvel.<\/p>\n

    1 A Ideia Principal<\/h3>\n

    A ideia do recurso \u00e9 simples: voc\u00ea deseja dar ao usu\u00e1rio a capacidade de fazer upload de arquivos PDF atrav\u00e9s da \u00e1rea de administra\u00e7\u00e3o do WordPress. Voc\u00ea tamb\u00e9m deseja que o arquivo esteja dispon\u00edvel na Biblioteca de m\u00eddia.<\/p>\n

    A capacidade de fazer isso n\u00e3o \u00e9 dif\u00edcil, mas existem maneiras de aprimorar a experi\u00eancia do usu\u00e1rio que eu gostaria de abordar neste post tamb\u00e9m (como n\u00e3o poder fazer upload de nada at\u00e9 que o arquivo seja especificado na caixa de entrada, por exemplo exemplo).<\/p>\n

    2 A interface do usu\u00e1rio para verificar o tipo de arquivo<\/h3>\n

    Primeiro, como eu disse no in\u00edcio do post, estou assumindo que voc\u00ea tem as bases estabelecidas para a p\u00e1gina de administra\u00e7\u00e3o no WordPress. Isso pode ser feito de algumas maneiras \u2013 optei por usar uma p\u00e1gina de submenu<\/a>, mas h\u00e1 algumas maneiras de fazer isso.<\/p>\n

    Em segundo lugar, a p\u00e1gina \u00e9 simples: inclui o t\u00edtulo da p\u00e1gina, um campo de entrada de arquivo e um bot\u00e3o ‘Upload’ que est\u00e1 desabilitado por padr\u00e3o:<\/p>\n

    Observe que quando tento adicionar uma imagem que n\u00e3o \u00e9 um PDF, recebo uma mensagem de erro e o bot\u00e3o ‘Upload’ ainda est\u00e1 desativado:<\/p>\n

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

    Mas quando adiciono um arquivo do tipo esperado, o bot\u00e3o ‘Upload’ \u00e9 ativado:<\/p>\n

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

    Isso requer algumas coisas:<\/p>\n