PHP AJAX Datei upload

ich habe überall gesucht stackoverflow und die Allgemeine internet-und ich kann nicht finden, eine einfache AJAX file uploader (Nur Formular). Die, die ich gefunden haben sind nicht flexibel genug und passen nicht zu meinem Zweck. Wenn ich könnte, stellt dieses Skript zum hochladen von Dateien, das wäre toll:

<script type="text/javascript">
 function upload(str)
 {
 if (str.length==0)
 { 
document.getElementById("txtHint").innerHTML="";
 return;
  }
 if (window.XMLHttpRequest)
    {//code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
   }
 else
   {//code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
 xmlhttp.onreadystatechange=function()
   {
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
     {
     document.getElementById("hint").innerHTML=xmlhttp.responseText;
     }
   }
 xmlhttp.open("GET","ajax/link.php?q="+str,true);
 xmlhttp.send();
 }

In der HTML-hätte ich

<input type='file' onblur='upload(this.value)'>

Dank

InformationsquelleAutor | 2012-04-10

  1. 7

    Hier ist eine einfache ajax file uploader

    Uploadify

    Und wenn Sie nicht möchten, dass flash, können Sie diese benutzen;

    AxUploader

    Danke, ich habe gerade verwendet AxUploader. Das ist genau das, was ich suchte

    InformationsquelleAutor blasteralfred Ψ

  2. 0

    Es ist nicht so einfach. Sie können nicht mithilfe von ajax direkt Dateien hochladen. Denken Sie über die Sicherheit Probleme, die das verursachen würde? Was ist, wenn ich "/%USER%/Desktop/CreditCardsAndPasswords.txt" in Ihrem str-Feld? Kurz gesagt, Sie müssen zu finden und diese zu nutzen 'nicht flexibel' - Uploader wurden Sie reden, und müssen Sie Bearbeiten, um Ihre Bedürfnisse. Entweder das, oder selbst einen schreiben zu passen Ihren Zweck.

    Weg, wie die meisten 'ajax' - Uploader Arbeit ist Sie dynamisch erstellen, Html-Eingabe-Datei-Elemente, und senden Sie eine Teilmenge Ihrer form (nur die Datei-element) an ein php-Skript auf Ihrer website, die dann speichert die Datei auf, was temp-Verzeichnis. Wenn Sie dann senden Sie den rest des Formulars können Sie die "catch up" mit dem rest des Skripts und handhaben, was die Verarbeitung notwendig ist, mit den hochgeladenen Dateien.

    Gibt es viele viele ajax 'Uploader' gibt. Tun Sie einfach eine Suche und finden, ich kann nicht glauben, dass alle von denen, die draußen sind nicht gut genug.

    Hi, das problem ist, das ich brauche, um eine einzige Schaltfläche "hochladen", und sobald jemand geklickt hat die Datei hochgeladen es automattically uploads. Nur eine Datei gleichzeitig hochgeladen werden.

    InformationsquelleAutor Authman Apatira

  3. 0
    var data = new FormData();
data.append("image_upload",jQuery("#file_upload_input")[0].files[0]);
jQuery.ajax({
    url: 'url',
    type: 'POST',
    data: data,
    cache: false,
    processData: false, //Don't process the files
    contentType: false, //Set content type to false as jQuery will tell the server its a query string request
    success: function(data, textStatus, jqXHR)
    {
        console.log(data, textStatus, jqXHR);
    },
    error: function(jqXHR, textStatus, errorThrown)
    {

        console.log(jqXHR, textStatus, errorThrown);

    }
});

    Bitte auch prüfen, ob die post_max_size ini-variable, Sie bekommen es mit
    echo phpinfo();

    müssen Sie die Einstellung max Datei Größe, die Sie übertragen wollen. Es ist standardmäßig 5 MB, denke ich. und überprüfen Sie auch für den anderen ini-variable, die erforderlich, um erhöhen Sie die Größe von post-Daten.

    InformationsquelleAutor user2613580

Schreibe einen Kommentar