Formular mit Anhnag versenden aber wie?

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Formular mit Anhnag versenden aber wie?

      Hallo alle,

      bin gerade dabei ein Formular zu programmieren, hier der HTML Code dafür:

      HTML-Quellcode

      1. <!DOCTYPE html>
      2. <html>
      3. <head>
      4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      5. <title>Sign-Line Formular</title>
      7. <style>
      8. body {font-family:Arial;font-size:12px;}
      9. input, label {display:inline-block;}
      10. label {cursor:pointer;}
      11. h1, h2, h3 {color:#e3001b;}
      12. </style>
      14. </head>
      15. <body>
      17. <form action="" method="POST">
      18. <span>Hier können Sie Ihre <strong>Fragen & Veredelungswünsche</strong></span><br />
      19. <span><label for="artikelname">zum folgenden Artikel stellen:</label></span>
      20. <input id="artikelname" type="text" name="Artikelname" /><br />
      22. <span><label for="kundennummer">Kundennummer:</label></span>
      23. <input id="kundennummer" type="text" name="Kundennummer" /><br />
      25. <h2>Zur Kalkulation benötigen wir Ihre Logodaten!</h2><br />
      26. <span><label for="logoupload">Bitte hier anhängen:</label></span>
      27. <input id="logoupload" type="file" name="Logo" />
      28. <span><label for="logouplaod">Dateiformate: jpg, tif, pdf, eps</label></span><br />
      30. <span><label for="attachdata">Angehängte Daten:</label></span>
      31. <input id="attachdata" type="text" name="AngehängteDaten" /><br /><br />
      33. <h3><u>Gewünschte Veredlungsart</u></h3><br />
      34. <input id="schneide-flock" type="checkbox" name="schneide-flock" />
      35. <span><label for="schneide-flock">Bedruckung mit <strong>Schneide-Flock</strong> (geeignet für Schriften & Vektorlogos)</label></span><br />
      36. <input id="schneide-flex" type="checkbox" name="schneide-flex" />
      37. <span><label for="schneide-flex">Bedruckung mit <strong>Schneide-Flex</strong> (geeignet für Schriften & Vektorlogos)</label></span><br />
      38. <input id="solventflex" type="checkbox" name="solventflex" />
      39. <span><label for="solventflex">Bedruckung mit <strong>Solventflex</strong> (geeignet für Schriften & Bilder/Fotos, Vektor- & Pixeldaten)</label></span><br />
      40. <input id="bestickung" type="checkbox" name="bestickung" />
      41. <span><label for="bestickung"><strong>Bestickung</strong> in unserer hauseigenen Stickerei</label></span><br />
      43. <h3><u>Mögliche Veredelungspositionen:</u></h3>
      44. <input id="brustlogo" type="checkbox" name="brustlogo" />
      45. <span><label for="brustlogo"><strong>Brustlogo</strong></label></span>
      46. <input id="brustlogo-links" type="checkbox" name="brustlogo-links" />
      47. <span><label for="brustlogo-links">links</label></span>
      48. <input id="brustlogo-rechts" type="checkbox" name="brustlogo-rechts" />
      49. <span><label for="brustlogo-rechts">rechts</label></span><br />
      51. <input id="kragenlogo" type="checkbox" name="kragenlogo" />
      52. <span><label for="kragenlogo"><strong>Kragenlogo</strong></label></span>
      53. <input id="kragenlogo-links" type="checkbox" name="kragenlogo-links" />
      54. <span><label for="kragenlogo-links">links</label></span>
      55. <input id="kragenlogo-rechts" type="checkbox" name="kragenlogo-rechts" />
      56. <span><label for="kragenlogo-rechts">rechts</label></span><br />
      58. <input id="rückenlogo" type="checkbox" name="rückenlogo" />
      59. <span><label for="rückenlogo"><strong>Rückenlogo</strong></label></span><br />
      60. <span><label for="rückenlogo-position"><strong>folgende Position anbieten</strong></label></span>
      61. <input id="rückenlogo-position" type="text" name="rückenlogo-position" /><br /><br />
      63. <span><label for="ihre-frage"><strong>Ihre Fragen:</strong></label></span><br />
      64. <textarea id="ihre-frage" style="resize:none;"></textarea><br />
      66. <h3>Ihr Kostenvoranschlag wird schnellstmöglich durch unseren Sachbearbeiter erstellt!</h3>
      68. </form>
      70. </body>
      71. </html>
      Alles anzeigen


      Dazu gibt es noch eine senden.php und einen Ordner includes mit einer functions.php. Wenn Ihr das Formular mal selber in eine HTML Datei schreibt und mit Firefox o.ä. öffnet, seht ihr das ich an einer Stelle ein Bild hochladen möchte, das ganze soll das per Email verschickt werden.
      Leider habe ich wenige Kentnisse in PHP um das komplett alleine zu schreiben..
      Kann mir jemand helfen? Bis jetzt sehen meine PHP Dateien so aus:

      senden.php:

      PHP-Quellcode

      1. <?php
      2. error_reporting(E_ALL);
      3. ini_set('display_errors', 1);
      5. include ("includes/functions.php");
      7. $koerper = erstellekoerper($_POST["freitext"]);
      8. $kopf = erstellekopf ("email@email.de" ,$koerper, "BBB", "text.txt");
      10. var_dump ($kopf);
      12. $erfolg = mail ( $_POST["email"] , $_POST["betreff"] , $koerper, $kopf);
      13. if ($erfolg === true) {
      14. echo 'Sendung erfolgreich!';
      15. } else {
      16. echo 'Sendung fehlgeschlagen.';
      17. }
      19. ?>
      Alles anzeigen


      includes/functions.php:

      PHP-Quellcode

      1. <?php
      3. function erstellekopf($absender, $text, $typ, $datei) {
      4. $anhang = fread(fopen(dirname(dirname(__FILE__)) . '/' . $datei, "r"), filesize($datei));
      5. $anhang = chunk_split(base64_encode($anhang));
      6. $boundary = md5(uniqid(time()));
      7. $kopf = "MIME-Version: 1.0\n";
      8. $kopf .= "From: Sign-Line <" . $absender . ">" . "\n";
      9. $kopf .= "Content-Type: multipart/mixed; boundary=" . $boundary . "\n\n";
      10. $kopf .= "--" . $boundary . "\n";
      11. $kopf .= "Content-Type: text/html; charset=ISO-8859-1 \n";
      12. $kopf .= "Content-Transfer-Encoding: 8bit\n\n";
      13. $kopf .= $text . "\n";
      14. $kopf .= "--" . $boundary . "\n";
      15. $kopf .= 'Content-Type: text/plain; name=' . $datei . "\n";
      16. $kopf .= "Content-Transfer-Encoding: base64\n";
      18. $kopf .= 'Content-Disposition: attachment; filename=' . $datei . "\n\n";
      19. $kopf .= $anhang . "\n";
      20. $kopf .= "--" . $boundary . "--\n";
      21. return $kopf;
      22. }
      24. function erstellekoerper($inhalt) {
      25. $mailtext = '<html>
      26. <head>
      27. <title>HTML-E-Mail mit PHP erstellen</title>
      28. </head>
      30. <body>
      32. <div style="width:600px;background-color:red;height:100px;">Slogan</div>
      33. <div style="width:600px;background-color:white;">' . $inhalt . '</div>
      34. <div style="width:600px;background-color:red;height;100px;">Kontaktdaten</div>
      36. </body>
      37. </html>
      39. ';
      40. return $mailtext;
      41. }
      43. ?>
      Alles anzeigen


      Danke im Vorraus,

      sn0w

    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )

    • Konnte das Problem heute doch noch lösen.

      HTML-Quellcode

      1. <!DOCTYPE html>
      2. <html>
      3. <head>
      4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      5. <title>Sign-Line Formular</title>
      7. <style>
      8. * {padding:0;margin:0;}
      9. body {font-family:Arial;font-size:12px;width:700px;margin:0 auto;}
      10. form {margin:12px 0;}
      11. input, label {display:inline-block;}
      12. label {cursor:pointer;}
      13. h1, h2, h3, h4, h5, h6 {color:#e3001b;margin:9px 0;}
      14. h2 {font-size:31px;}
      15. .header, .footer {background:#e3001b;}
      16. .header {height:100px;}
      17. .footer {height:20px;}
      18. </style>
      20. </head>
      21. <body>
      23. <div class="header">
      25. </div>
      27. <form enctype="multipart/form-data" action="senden.php" method="POST">
      29. <div class="block">
      30. <span>Hier können Sie Ihre <strong>Fragen & Veredelungswünsche</strong></span><br />
      31. <span><label for="artikelname">zum folgenden Artikel stellen:</label></span>
      32. <input id="artikelname" type="text" name="Artikelname" /><br />
      33. <span><label for="kundennummer">Kundennummer:</label></span>
      34. <input id="kundennummer" type="text" name="Kundennummer" /><br />
      35. </div>
      37. <div class="block">
      38. <h2>Zur Kalkulation benötigen wir Ihre Logodaten!</h2><br />
      39. <span><label for="logoupload">Bitte hier anhängen:</label></span>
      40. <input type="hidden" name="MAX_FILE_SIZE" value="3000000" />
      41. <input id="logoupload" type="file" name="Logo" />
      42. <span><label for="logouplaod">Dateiformate: jpg, tif, pdf, eps</label></span><br />
      44. <span><label for="attachdata">Angehängte Daten:</label></span>
      45. <input id="attachdata" type="text" name="AngehängteDaten" /><br /><br />
      46. </div>
      48. <div class="block">
      49. <h3><u>Gewünschte Veredlungsart</u></h3><br />
      50. <input id="schneide-flock" type="checkbox" name="Schneide-flock" />
      51. <span><label for="schneide-flock">Bedruckung mit <strong>Schneide-Flock</strong> (geeignet für Schriften & Vektorlogos)</label></span><br />
      52. <input id="schneide-flex" type="checkbox" name="Schneide-flex" />
      53. <span><label for="schneide-flex">Bedruckung mit <strong>Schneide-Flex</strong> (geeignet für Schriften & Vektorlogos)</label></span><br />
      54. <input id="solventflex" type="checkbox" name="Solventflex" />
      55. <span><label for="solventflex">Bedruckung mit <strong>Solventflex</strong> (geeignet für Schriften & Bilder/Fotos, Vektor- & Pixeldaten)</label></span><br />
      56. <input id="bestickung" type="checkbox" name="Bestickung" />
      57. <span><label for="bestickung"><strong>Bestickung</strong> in unserer hauseigenen Stickerei</label></span><br />
      58. </div>
      60. <div class="block">
      61. <h3><u>Mögliche Veredelungspositionen:</u></h3>
      62. <input id="brustlogo" type="checkbox" name="Brustlogo" />
      63. <span><label for="brustlogo"><strong>Brustlogo</strong></label></span>
      64. <input id="brustlogo-links" type="checkbox" name="Brustlogo-links" />
      65. <span><label for="brustlogo-links">links</label></span>
      66. <input id="brustlogo-rechts" type="checkbox" name="Brustlogo-rechts" />
      67. <span><label for="brustlogo-rechts">rechts</label></span><br />
      68. <input id="kragenlogo" type="checkbox" name="Kragenlogo" />
      69. <span><label for="kragenlogo"><strong>Kragenlogo</strong></label></span>
      70. <input id="kragenlogo-links" type="checkbox" name="Kragenlogo-links" />
      71. <span><label for="kragenlogo-links">links</label></span>
      72. <input id="kragenlogo-rechts" type="checkbox" name="Kragenlogo-rechts" />
      73. <span><label for="kragenlogo-rechts">rechts</label></span><br />
      74. <input id="rückenlogo" type="checkbox" name="Rückenlogo" />
      75. <span><label for="rückenlogo"><strong>Rückenlogo</strong></label></span><br />
      76. <span><label for="rückenlogo-position"><strong>folgende Position anbieten</strong></label></span>
      77. <input id="rückenlogo-position" type="text" name="Rückenlogo-position" /><br /><br />
      78. </div>
      80. <span><label for="ihre-frage"><strong>Ihre Fragen:</strong></label></span><br />
      81. <textarea id="ihre-frage" style="resize:none;" name="Frage"></textarea><br />
      83. <h3>Ihr Kostenvoranschlag wird schnellstmöglich durch unseren Sachbearbeiter erstellt!</h3>
      85. <input type="submit" name="senden" value="Senden!" />
      87. </form>
      89. <div class="footer">
      91. </div>
      93. </body>
      94. </html>
      Alles anzeigen


      Dann hier die senden.php:

      PHP-Quellcode

      1. <?php
      3. error_reporting(E_ALL);
      4. ini_set('display_errors', 1);
      6. include ("includes/konstanten.php");
      7. include ("includes/functions.php");
      9. $zielname = null;
      11. if(isset($_FILES["Logo"]["tmp_name"]) && !empty($_FILES["Logo"]["tmp_name"])){
      12. $zufall = rand(0, 999999999);
      13. $zielname = $zufall . $_FILES["Logo"]["name"];
      14. rename($_FILES["Logo"]["tmp_name"],dirname(__FILE__) . '/tmp/' . $zielname);
      15. }
      17. ?>
      18. <!DOCTYPE HTML>
      19. <html>
      20. <head>
      21. <meta http-equiv="content-type" content="text/html; charset=utf-8">
      22. <meta name="generator" content="PSPad editor, www.pspad.com">
      23. <title></title>
      24. </head>
      25. <body>
      26. <?php
      28. $clean = cleanInput($_POST,$zugelassene);
      29. $plain = getPlain($clean);
      30. $html = getHtml($clean);
      32. $erfolg = send_mail_with_attachment($plain, $html, $zielname);
      34. if ($erfolg === true) {
      35. if($zielname !== null){
      36. @unlink(dirname(__FILE__) . '/tmp/' . $zielname);
      37. }
      38. echo 'Sendung erfolgreich!';
      39. } else {
      40. echo 'Sendung fehlgeschlagen!';
      41. }
      43. ?>
      44. </body>
      45. </html>
      Alles anzeigen


      Hier ist die includes/functions.php:

      PHP-Quellcode

      1. <?php
      3. function send_mail_with_attachment($plain, $html, $attachmentname = null) {
      5. if($attachmentname !== null) {
      6. $attachment = fread(fopen(dirname(dirname(__FILE__)) . '/tmp/' . $attachmentname, "r"), filesize(dirname(dirname(__FILE__)) . '/tmp/' . $attachmentname));
      7. $attachment = chunk_split(base64_encode($attachment));
      8. }
      10. $random_hash = md5(date('r', time()));
      12. $mailheader = "MIME-Version: 1.0\n";
      13. $mailheader .= "From: " . SIGNLINE_FROM_NAME_ADRESSE . " <" . SIGNLINE_ABSENDER_ADRESSE . ">\n";
      14. $mailheader .= "Content-Type: multipart/mixed; boundary=\"" . $random_hash . "\"\n";
      16. $mailbody = "This is a MIME encoded message.";
      17. $mailbody .= "\n\n--" . $random_hash . "\n";
      18. $mailbody .= "Content-type: text/html;charset=utf-8\n\n";
      19. $mailbody .= $html;
      20. $mailbody .= "\n\n--" . $random_hash . "\n";
      21. $mailbody .= "Content-type: text/plain;charset=utf-8\n\n";
      22. $mailbody .= $plain;
      24. if($attachmentname !== null) {
      25. $mailbody .= "\n\n--" . $random_hash;
      26. $mailbody .= "\nContent-Type: text/plain; name=\"" . $attachmentname . "\"";
      27. $mailbody .= "\nContent-Transfer-Encoding: base64";
      28. $mailbody .= "\nContent-Disposition: attachment";
      29. $mailbody .= "\n\n" . $attachment;
      30. }
      32. $mailbody .= "\n--" . $random_hash . "--";
      34. if(mail(SIGNLINE_EMPFAENGER_ADRESSE,SIGNLINE_MAIL_BETREFF,$mailbody,$mailheader,'-f ' . SIGNLINE_ABSENDER_ADRESSE)){
      35. return true;
      36. } else {
      37. return false;
      38. }
      39. }
      41. function getHtml($datas = array()){
      42. $return = '<html><head><title></title></head><body>';
      43. $return .= '<div>';
      44. foreach($datas as $key => $value){
      45. $return .= '<div style="float:left;width:50%">' . $key . '</div><div style="float:right;width:50%">' . $value . '</div>';
      46. $return .= '<hr style="clear:both" />';
      47. }
      48. $return .= '</div>';
      49. $return .= '</body></html>';
      50. return $return;
      51. }
      53. function getPlain($datas = array()){
      54. $return = '';
      55. foreach($datas as $key => $value){
      56. $return .= $key . ': ' . $value . "\n";
      57. }
      58. return $return;
      59. }
      61. function cleanInput($post,$zugelassene){
      62. $return = array();
      63. foreach($zugelassene as $value){
      64. if(isset($post[$value]) && !empty($post[$value])){
      65. $uebergabe = $post[$value];
      66. $uebergabe = htmlentities($uebergabe);
      67. $uebergabe = str_replace("(", '(', $uebergabe);
      68. $uebergabe = str_replace(")", ')', $uebergabe);
      69. $uebergabe = strip_tags($uebergabe);
      70. $return[$value] = $uebergabe;
      71. }
      72. }
      73. return $return;
      74. }
      76. ?>
      Alles anzeigen


      Und es gibt eine neue Datei im includes Ordner die heißt konstanten.php:

      PHP-Quellcode

      1. <?php
      3. define('SIGNLINE_EMPFAENGER_ADRESSE', 'luca.koch@net-jet.de');
      4. define('SIGNLINE_ABSENDER_ADRESSE', 'info@jimmo-tool.de');
      5. define('SIGNLINE_FROM_NAME_ADRESSE', 'Sign-Line System');
      6. define('SIGNLINE_MAIL_BETREFF', 'Sign-Line Kalkulationsmail eingetroffen.');
      8. $zugelassene = array(
      9. "Artikelname",
      10. "Kundennummer",
      11. "Logo",
      12. "AngehängteDaten",
      13. "Schneide-flock",
      14. "Schneide-flex",
      15. "Solventflex",
      16. "Bestickung",
      17. "Brustlogo",
      18. "Brustlogo-links",
      19. "Brustlogo-rechts",
      20. "Kragenlogo",
      21. "Kragenlogo-links",
      22. "Kragenlogo-rechts",
      23. "Rückenlogo",
      24. "Rückenlogo-position",
      25. "Frage"
      26. );
      28. ?>
      Alles anzeigen


      Vielleicht hilft das ja einem. Ich lass es einfach mal hier. :)