WN - Kontaktformulär med möjlighet att bifoga fil?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Kontaktformulär med möjlighet att bifoga fil? (https://www.wn.se/forum/showthread.php?t=1061192)

ITkingen

2014-03-13 17:34

Kontaktformulär med möjlighet att bifoga fil?

Hej på er alla WN:are!

Jag letar efter ett kontaktformulär med en ''bifoga fil-funktion'' Formuläret ska vara byggt i HTML/Javascript men hittar inget på Google.
Någon som vet hur jag ska gå tillväga?

ANttila

2014-03-13 17:37

Vad ska javascriptet göra?

ITkingen

2014-03-13 17:49

Letar efter något sånt här:

http://www.ladda-upp.se/files/2014/b93190.png

ANttila

2014-03-13 17:58

PHP-kod:


		
			
<textarea></textarea>

<label>Filuppladdning:</label>

<input type="file" />



<label>Ditt namn:</label>

<input type="text" />



<label>Din epost:</label>

<input type="text" />



<button type="submit">Skicka</button>

Vad ska javascriptet göra?

tartareandesire

2014-03-13 18:06

Det enda du "behöver" js till här är eventuell klientvalidering eller ajax-uppladdning. Annars är det ju bara att posta formuläret som det är och hantera på serversidan.

Du måste dock se till att ha enctype="multipart/form-data" på formuläret för att kunna ladda upp filer.

ITkingen

2014-03-13 18:27

Citat:

Ursprungligen postat av tartareandesire (Inlägg 20488309)

Det enda du "behöver" js till här är eventuell klientvalidering eller ajax-uppladdning. Annars är det ju bara att posta formuläret som det är och hantera på serversidan.

Du måste dock se till att haenctype="multipart/form-data" på formuläret för att kunna ladda upp filer.

Just den lilla kodsnutten jag letade efter. Tack! :)

ITkingen

2014-03-13 19:10

Uppstått ett litet problem. Testade lite och såg att själva kontaktformuläret funkar men filen som man bifogar därifrån kommer inte med till min e-mail utan endast texterna (namn, e-post och meddelande). Använder Gmail. Någon som vet varför och har en lösning på detta?

HTML-kod:

##BEGIN-CUSTOM-CONTACT-FORM##

<fieldset id="contact-form">

<label>Namn:</label><br />

<input name="name" type="text" required><br />

<label>E-post *:</label><br />

<input name="email" type="email" required><br />

<label>Filuppladdning:</label> 

<input type="file" /><br />

<label>Meddelande *:</label><br />

<textarea cols="40" rows="10" name="message" required ></textarea><br />

<input id="contact-button" name="submit" type="submit" value="Skicka" />

</fieldset>

##END-CUSTOM-CONTACT-FORM##

ANttila

2014-03-13 19:15

Citat:

Ursprungligen postat av ITkingen (Inlägg 20488312)

HTML-kod:

##BEGIN-CUSTOM-CONTACT-FORM##

<fieldset id="contact-form">

<label>Namn:</label><br />

<input name="name" type="text" required><br />

<label>E-post *:</label><br />

<input name="email" type="email" required><br />

<label>Filuppladdning:</label> 

<input type="file" /><br />

<label>Meddelande *:</label><br />

<textarea cols="40" rows="10" name="message" required ></textarea><br />

<input id="contact-button" name="submit" type="submit" value="Skicka" />

</fieldset>

##END-CUSTOM-CONTACT-FORM##

Se till att bifoga filen i mailet

tartareandesire

2014-03-14 13:53

Att du postar html-koden har ingen betydelse, mailet skickas på serversidan. Du kan inte bifoga en fil bara genom att ändra på klientsidan om det inte redan finns förberedd kod på serversidan ifall det är det som är problemet.

Alla tider är GMT +2. Klockan är nu 11:46.