Bild upload mit Ajax/PHP

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

  • Bild upload mit Ajax/PHP

    Hallo,

    ich hab folgende Frage. Ich will, dass man Bilder auf meiner Seite hochladen kann.

    Dies ist das Eingabeformular:

    Quellcode

    1. <!--
    2. function uploadavatar (url){
    4. try {
    5. req = window.XMLHttpRequest?new XMLHttpRequest():
    6. new ActiveXObject("Microsoft.XMLHTTP");
    7. } catch (e) {
    8. alert ('Fehler');
    9. }
    11. req.onreadystatechange = function() {
    12. if ((req.readyState == 4) && (req.status == 200)) {
    13. document.getElementById('avatar').src = req.responseText;
    14. }
    15. };
    17. req.open('POST', '/php/upload.php');
    18. req.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
    19. req.send('url='+url);
    21. return false;
    23. }
    24. //-->
    Alles anzeigen

    Quellcode

    1. <form name="upload" method="post" action="" onsubmit="return uploadavatar(this.file.value)">
    2. <table width="500" border="1">
    3. <tr>
    4. <th>Bild hochladen</th>
    5. </tr>
    6. <tr>
    7. <td>Hier kannst du nun ein Bildhochladen. (Maximal 2MB)<br><input type="file" name="file"> <input type="submit" value="Upload"></td>
    8. </tr>
    9. </table>
    10. </form>


    Also ich weiß jetzt nicht, ob man das so schreiben kann. Und nun fehlt mir noch die PHP-Datei, ich hoffe einer von euch kann mir dabei helfen.

    Bedanke mich schon mal.