Tillad en besøgende at sende en fil via e-mail-HTML-formular med PHPMailer

Mens internettet har udviklet sig til et samfund, hvor de fleste af os snakker og udveksler ideer om artikler, vi læser inden for kommentarområder, fora og via e-mail, er der også andre tilfælde, hvor feedback er nødvendig, og disse metoder er ikke gode nok. Nogle gange skal en webmaster blot give mulighed for, at en besøgende på webstedet kan sende en fil via e-mail. Hvis du tænker over det, skal du give et kommentarområde eller “gæstebog” er enkel i disse dage.

Hvis du bare har brug for en formular med tekstfelter, så dine besøgende kan give feedback eller sende anmodninger og kommentarer, kan du kigge på artiklen, jeg skrev 3 Gratis kontaktformulargeneratorer til dit websted 3 Gratis kontaktformulargeneratorer til dit websted på gratis kontaktformular generatorer, der skulle gøre susen.

Men hvis du har brug for den tilføjede funktionalitet i en “fil” felt, hvor dine besøgende kan vedhæfte en fil - så bliver du nødt til at trække en anden pose tricks ud. I denne artikel skal jeg forklare, hvilken tilgang til at gøre dette, som jeg føler er den mest sikre, og så vil jeg vise dig, hvordan du bruger et meget cool gratis værktøj på dit websted, som giver dig mulighed for at integrere denne funktion på din egen hjemmeside.

Metoder til at sende en fil via e-mail-HTML-formular

Der er mange grunde til, at du muligvis har brug for dine besøgende på webstedet for at sende dig en fil. Måske accepterer du jobansøgninger og genoptages. Måske er du en udgiver og vil give en hurtig måde for forfattere at indsende deres noveller. Uanset årsagen er det, at øjeblikkeligt at sende filer både en bekvemmelighed og en sikkerhedsrisiko, så det skal håndteres på den rigtige måde.

Der er et element i FORM-tagget, der giver dig mulighed for at uploade en fil til din server via POST-metoden. Du har brug for et script (ACTION) for at behandle det og gemme det i et bibliotek på din server. W3Schools giver et rigtig nyttigt eksempel på, hvordan man gør dette ved hjælp af PHP, som jeg troede var veludformet og let nok til at følge, hvis denne tilgang passer dig.

Selvom jeg altid har foretrukket PHP frem for andre scripts, føler jeg mig ikke rigtig sikker på at lade mine besøgende uploade en fil til min server. Der er måder, hvorpå du kan gøre processen mere sikker og blokere spammere, men jeg bliver stadig lidt urolig over potentialet for vira eller andre grimme filer. Af denne grund foretrækker jeg virkelig, at formularindgivelsen pakkes sammen i en e-mail og sendes til mig.

Mit e-mail-system har en fremragende virusscanner til filvedhæftede filer, så jeg ved, at jeg omhyggeligt kan håndtere filer ved hjælp af denne tilgang. Dette er grunden til, at jeg henvendte mig til den gratis løsning, der hedder PHPMailer-FE. Dette er et produkt, der er del af et større open source-projekt (donér venligst, hvis du bruger formularen!)

Jeg besluttede at gå med en forudviklet løsning, for i al ærlighed, selvom jeg ved, hvordan man opretter en form og videregiver den til et script, som jeg kunne skrive for at behandle informationen - hvorfor opfinde hjulet igen, når der er så veludviklede pakker der allerede er derude, og PHPMailer er absolut en af ​​dem.

Download & konfigurer PHPMailer

Når du downloader zip-filen, opdager du 3 mapper - _lib, DOCS og sample_forms. Nu tilbyder udviklerne en utrolig mængde dokumentation på deres websted og i udviklerfora. Men for at være ærlig, behøver du ikke virkelig at ændre en hel masse for at få en enkel form, der fungerer på dit websted.

I “sample_forms” katalog, finder du et par eksempler, som udviklerne allerede har oprettet til dig. I denne artikel installerer jeg prøven Form.html og få det til at arbejde med kun få konfigurationer. Hvis du ikke har mulighed for at redigere filer på din webhostingkonto, skal du springe nedenfor til redigeringerne, før du uploader filerne. Ellers kan du uploade filerne først.

Behold den samme mappestruktur, og sørg for, at HTML-filen med formularen kun er en mappe op. Hvis du ønsker andet, skal du ændre, hvordan formen refererer til PHP-scriptet (se nedenfor). Faktisk - jeg rodede sammen, da jeg uploadede, du har virkelig kun brug for mappen _lib og HTML-filen - mappen DOCS er simpelthen til dine oplysninger.

Gå ind i mappen _lib, og rediger form.config.php fil. Det er her du virkelig kan finjustere, hvordan din form opfører sig. Den eneste nødvendige redigering er at konfigurere, hvor indlægget skal hen. Jeg har også tilføjet “emne” fordi jeg vil bruge denne formular på flere websteder, og når den ankommer i min postkasse, vil jeg vide, hvor den kom fra - emnelinjen fortæller dig, at.

For at aktivere en af ​​disse funktioner skal du blot fjerne kommentar-koden “//” og du er god til at gå.

Et eksempel på formularen i aktion

For at demonstrere formen har jeg kopieret eksemplet Form.html på min hjemmeside. Sådan ser det ud.

Jeg elsker dette ... se hvor enkel formen er, og du kan integrere den hvor som helst du ønsker på din webside. Det har “påkrævet” feltfunktionalitet, så brugeren ikke kan indsende formularen uden i det mindste at tilbyde deres navn og e-mail-adresse, og selvfølgelig har den nøjagtigt, hvad vi leder efter - to uploadfelter, hvor besøgende kan vedhæfte to filer. Sådan ser eksemplet på FORM-koden ud (dette er den form, du indlejrer på din egen webside).

Der er to måder, du kan tage dette på. Enten kopierer du al koden i Form.html prøve fil fra mærket nede, eller du kan plukke ud FORM-elementerne og indsætte dem i din egen tilpassede form, formateret som du ønsker. Dette er sandsynligvis den tilgang, jeg vil tage.

Den eneste kritiske del af dette er, at “handling” skal pege på placeringen af “PHPMailer-fe.php” manuskript. Nu hvor jeg har fået det Form.html klar til at gå, og formkonfigurationsfilen, der er tilpasset til at sende til min e-mail-adresse og inkludere et emne, er det tid til at teste og se, hvad der sker. Jeg gik til formularen og indsendte bare mit navn, e-mail og vedhæftede et billede af en ulv. Et sekund eller to efter indsendelse af formularen, dette er hvad der ankom i min indbakke.

Du vil bemærke, at e-mail-overskriften har afsenderen som den e-mail-adresse, der er indtastet i formularen, og emnelinjen fortæller dig, hvilket websted der sendte formularen. Bedst af alt, se på, hvad der er knyttet til e-mailen.

Sød! Så med bare et par meget mindre konfigurationsfilredigeringer kan du nu give dine besøgende mulighed for at sende en fil via e-mail-HTML-form - og du behøvede ikke at skrive en enkelt kodelinie.

Tilpasning af opførelsen af ​​din form

Før der konkluderes, er der en lille ting, der er vigtig at ændre, hvis du ønsker, at formularen skal vises professionel. I øjeblikket, når den er indsendt, henviser den besøgende til denne sjove udseende webside som standard.

Den animerede “Forarbejdning… ” bit er faktisk bare en animeret GIF - der er ingen magi bag det. Denne side er defineret i form.config.php fil, jeg refererede til ovenfor. Hvis du vil tilpasse svarssiderne, skal du bare åbne den fil igen, fjerne kommentarskråningerne “//” for disse felter og udskift”replyemailfailed.html” indrejse og “replyemailsuccess.html” indgang med dine egne tilpassede websider for succes eller fiasko.

Jeg vil bestemt foreslå at gå gennem den konfigurationsfil og udforske alle de måder, du kan finjustere, hvordan denne form opfører sig. PHPMailer er et meget alsidigt og nyttigt forpakket formbehandlings script, som du kan bruge til en lang række formål på dit websted. Hvorfor opfinde hjulet igen, når nogen allerede har opfundet en så godt lavet og kraftfuld bil? Alt hvad du skal gøre er at komme ind og køre!

Har du brug for PHPMailer på dit websted? Brug du dine egne værktøjer eller teknikker til let at tilføje formularer til dit websted, hvor besøgende kan vedhæfte filer? Del din indsigt i kommentarfeltet nedenfor.