{"id":229691,"date":"2022-11-22T20:25:00","date_gmt":"2022-11-22T17:25:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229691"},"modified":"2022-11-09T15:57:51","modified_gmt":"2022-11-09T12:57:51","slug":"ladda-upp-filer-i-wordpress-revisited-del-1-kundsidan","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/ladda-upp-filer-i-wordpress-revisited-del-1-kundsidan\/","title":{"rendered":"Ladda upp filer i WordPress, Revisited: Del 1 – Kundsidan"},"content":{"rendered":"\n

F\u00f6r flera \u00e5r sedan skrev jag om hur man laddar upp filer i WordPress<\/a> fr\u00e5n det administrativa omr\u00e5det. Det h\u00e4r inl\u00e4gget \u00e4r praktiskt taget en uppdatering av det inl\u00e4gget, men det t\u00e4cker nya \u00f6verv\u00e4ganden som jag g\u00f6r och n\u00e5gra andra processer som jag tycker \u00e4r n\u00f6dv\u00e4ndiga.<\/p>\n

F\u00f6r det h\u00e4r inl\u00e4gget kommer jag att arbeta bort exemplet med att ladda upp en PDF-fil och hur man \u00e4ven g\u00f6r den tillg\u00e4nglig i mediebiblioteket.<\/p>\n

Genom att g\u00f6ra det planerar jag ocks\u00e5 att t\u00e4cka n\u00e5gra \u00f6verv\u00e4ganden som b\u00f6r g\u00f6ras p\u00e5 klientsidan och serversidan samt saker att leta efter n\u00e4r n\u00e5gon \u00f6verf\u00f6r information \u00f6ver tr\u00e5den.<\/p>\n

Ladda upp filer i WordPress (och till mediebiblioteket)<\/h2>\n

Innan jag kommer till k\u00e4rnan i det h\u00e4r inl\u00e4gget antar jag att du har:<\/p>\n

    \n
  1. En undermenysida eller administrat\u00f6rssida med en filinmatning,<\/li>\n
  2. Att du \u00e4r r\u00e4tt inst\u00e4lld f\u00f6r att acceptera MIME-typer,<\/li>\n
  3. Att du \u00e4r bekv\u00e4m med lite JavaScript,<\/li>\n
  4. Och du \u00e4r bekv\u00e4m med att arbeta med anpassade meddelanden utanf\u00f6r standard WordPress API.<\/li>\n<\/ol>\n

    Om s\u00e5 \u00e4r fallet b\u00f6r all kod vara relativt sj\u00e4lvf\u00f6rklarande (inte f\u00f6r att jag inte ska dela upp den bit f\u00f6r bit), men om n\u00e5got av ovanst\u00e5ende l\u00e5ter f\u00f6rvirrande kan inl\u00e4gget inneh\u00e5lla en del material som kr\u00e4ver lite mer forskning i Codex eller om JavaScript som jag kommer att tillhandah\u00e5lla h\u00e4r.<\/p>\n

    Oavsett vilket kommer jag att g\u00f6ra det jag kan g\u00f6ra s\u00e5 omfattande som m\u00f6jligt.<\/p>\n

    1 Huvudid\u00e9n<\/h3>\n

    Id\u00e9n med funktionen \u00e4r enkel: Du vill ge anv\u00e4ndaren m\u00f6jligheten att ladda upp PDF-filer via WordPress administrationsomr\u00e5de. Du vill ocks\u00e5 att filen ska finnas tillg\u00e4nglig i mediebiblioteket.<\/p>\n

    M\u00f6jligheten att g\u00f6ra detta \u00e4r inte sv\u00e5rt, men det finns s\u00e4tt att f\u00f6rb\u00e4ttra anv\u00e4ndarens upplevelse som jag ocks\u00e5 skulle vilja ta upp i det h\u00e4r inl\u00e4gget (som att inte kunna ladda upp n\u00e5got f\u00f6rr\u00e4n filen har specificerats i inmatningsrutan, f\u00f6r exempel).<\/p>\n

    2 Anv\u00e4ndargr\u00e4nssnittet f\u00f6r att verifiera filtypen<\/h3>\n

    F\u00f6rst, som jag sa \u00f6verst i inl\u00e4gget, utg\u00e5r jag fr\u00e5n att du har grunden lagd f\u00f6r administrationssidan i WordPress. Detta kan g\u00f6ras p\u00e5 vissa s\u00e4tt \u2013 jag har valt att anv\u00e4nda en undermenysida<\/a>, men det finns n\u00e5gra s\u00e4tt detta kan g\u00f6ras.<\/p>\n

    F\u00f6r det andra \u00e4r sidan enkel: den inneh\u00e5ller sidtiteln, ett filinmatningsf\u00e4lt och en "Ladda upp"-knapp som \u00e4r inaktiverad som standard:<\/p>\n

    Observera att n\u00e4r jag f\u00f6rs\u00f6ker l\u00e4gga till en bild som inte \u00e4r en PDF f\u00e5r jag ett felmeddelande och knappen "Ladda upp" \u00e4r fortfarande inaktiverad:<\/p>\n

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

    Men n\u00e4r jag l\u00e4gger till en fil som \u00e4r av den f\u00f6rv\u00e4ntade typen \u00e4r knappen "Ladda upp" aktiverad:<\/p>\n

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

    Detta kr\u00e4ver n\u00e5gra saker:<\/p>\n