Ergebnis 1 bis 4 von 4
  1. #1
    Okyo Guest

    Bilder hochladen mit HTML,PHP...??

    Hiho, ich beschäftige mich gerade damit, wie man Bilder uploaden kann und bin bei meinen Recherchen auf diese "IFrame-Methode" gestoßen. Das ganze läuft auf die AJAX-Technik hinaus, wobei die Iframe-Methode zum Einsatz kommt, da man mit AJAX keine Bilder uploaden kann (ich denke ihr kennt euch da schon aus). Meine Frage ist nun, ob mir das mit dieser IFRAME-Methode mal jemand mit einfachen Worten erklären kann. Ich verstehe den Ansatz nicht!

    Ich habe folgenden Code aus einem Buch kopiert:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Sample 6_1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="xmlhttp.js"></script>
    <script type="text/javascript" src="functions.js"></script>
    </head>
    <body>
    <div id="showimg"></div>
    <form id="uploadform" action="process_upload.php" method="post"
    enctype="multipart/form-data" target="uploadframe"
    onsubmit="uploadimg(this); return false">
    Upload a File:<br />
    <input type="file" id="myfile" name="myfile" />
    <input type="submit" value="Submit" />
    <iframe id="uploadframe" name="uploadframe" src="process_upload.php"
    class="noshow"></iframe>
    </form>
    </body>
    </html>

    Anschließend wird dann noch mit AJAX das Bild abgefragt, wobei AJAX jetzt mich mal gar nicht so interessiert, es geht nur um den "Asynchronen Upload".

    Wozu brauche ich das IFrame? Wie ist hier die Vorgehensweise...

    Danke im vorraus!

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: Bilder hochladen mit HTML,PHP...??

    Das AJAX hat mit dem "asynchronen" Ablauf jetzt erst mal auch gar nichts zu tun.
    Du weißt doch, was ein <form> ist... und was passiert, wenn man es absendet. (Wenn nicht solltest du dich erst einmal darüber informieren.)
    Hier wird das Forumlar einfach nicht in die Hauptseite versendet, sondern in das iFrame (target!) - da das iFrame aber nicht sichtbar ist wird somit versteckt (naja - wer weiß, worauf er schauen muss kann es trotzdem sehen) versendet.

  3. #3
    Okyo Guest

    AW: Bilder hochladen mit HTML,PHP...??

    Also mit einem Formular kann ich ja Daten (Forumulardaten) an den Webserver senden mit GET/POST bzw. ein z. B. PHP-Skript ansprechen, der mir die Daten serverseitig weiterverarbeiten kann.

    Was heisst das nun? Das ich jetzt diese Daten clientseitg an ein Iframe sende?

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: Bilder hochladen mit HTML,PHP...??

    Mach' dir an diesem Beispiel mal klar, was passiert:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">
    
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Fenstertitel</title>
    </head>
    <body>
    <form action="http://google.de/search" target="iframe" method="get">
    Suchausdruck: <input name="q"><br>
    <input type="submit" value="suchen">
    </form>
    <iframe name="iframe"></iframe>
    </body>
    </html>
    - ein iFrame ist im Grunde genommen nichts anderes als ein zusätzliches Fenster.

Ähnliche Themen

  1. Slideshow, Bilder aus Verzeichnis holen
    Von NeulingJS im Forum JavaScript
    Antworten: 17
    Letzter Beitrag: 14-01-2010, 12:20
  2. Array Punkt ermitteln
    Von Jooohny im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 04-10-2008, 23:36
  3. 30 St. 2,6 MB grosse Bilder hochladen wo?
    Von bine im Forum Smalltalk
    Antworten: 11
    Letzter Beitrag: 04-06-2006, 17:37

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •