Auf Thema antworten 2026

Beitrag

<blockquote data-quote="rilight" data-source="post: 1980356" data-attributes="member: 77589">Hallo liebes Forum,ich arbeite immer noch an meinem FileUpload mit Ajax, jQuery und PHP.Ich bin jetzt soweit, dass ich Daten vom Client an den Server übertragen kann.Was leider nicht funktioniert, dass Daten von Clien- und Serverseite übereinstimmen.Wie schon im Titel beschrieben, sind die Daten auf Serverseite größer.Ich hab es bis jetzt immer mit einem Bild getestet:Soll: 53.367 ByteIst: 79.034 ByteKönnte das Problem am encoding liegen?Mein Quellcode ist:Client:Hier hatte ich mit $.ajax() und $.post() experimentiert, aber bei beiden kommt das gleiche Ergebnis, die Daten sind auf dem Server zu groß.[HTML]&lt;!Doctype HTML&gt;&lt;html&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta charset=&quot;utf-8&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;Dateiupload mit Javascript&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;style type=&quot;text/css&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #output&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width&nbsp; &nbsp; &nbsp; &nbsp; : 350px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border&nbsp; &nbsp; &nbsp; &nbsp; : 1px dotted black;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding&nbsp; &nbsp; &nbsp; &nbsp; : 10px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top&nbsp; &nbsp; : 25px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &lt;/style&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Meine kleine Spielwiese&lt;/h2&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;form id=&quot;fileUpload&quot; action=&quot;upload.php&quot; method=&quot;POST&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;file&quot; name=&quot;dateien[]&quot; id=&quot;uploadInput&quot; multiple=&quot;multiple&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;button&quot; value=&quot;upload starten&quot; id=&quot;uploadStart&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/form&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;output&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- JavaScript Bereich --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/jquery-1.7.2.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;document&quot;).ready(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#uploadStart&quot;).click(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // input auswaehlen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var dateien&nbsp; &nbsp; = $(&quot;#uploadInput&quot;)[0].files;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(dateien);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // groesse feststellen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var groesse&nbsp; &nbsp; = dateien.length;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // jedes Element durchgehen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; for(var i = 0, datei = dateien[i]; i &lt; groesse; ++i)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var dateiName = datei.name;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var reader = new FileReader();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; reader.onload = function()&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(reader);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(reader.result.length);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //console.log(reader.result);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /*&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $.ajax({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; :&nbsp; &nbsp; &quot;upload.php&quot;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type&nbsp; &nbsp; &nbsp; &nbsp; :&nbsp; &nbsp; &quot;POST&quot;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; timeout&nbsp; &nbsp; &nbsp; &nbsp; :&nbsp; &nbsp; 5000,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; processData&nbsp; &nbsp; :&nbsp; &nbsp; false, // data nicht in String konvertieren&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data&nbsp; &nbsp; : {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;file_name&quot;&nbsp; &nbsp; :&nbsp; &nbsp; dateiName,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;file&quot;&nbsp; &nbsp; &nbsp; &nbsp; :&nbsp; &nbsp; this.result&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; headers&nbsp; &nbsp; &nbsp; &nbsp; : {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;enctype&quot;&nbsp; &nbsp; :&nbsp; &nbsp; &quot;multipart/form-data&quot;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;encoding&quot;&nbsp; &nbsp; :&nbsp; &nbsp; &quot;multipart/form-data&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $.post(&#039;upload.php&#039;, {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; file_name&nbsp; &nbsp; :&nbsp; &nbsp; dateiName,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; file&nbsp; &nbsp; &nbsp; &nbsp; :&nbsp; &nbsp; reader.result&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, function( data ) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#output&quot;).append(data);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; reader.readAsBinaryString(datei);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/HTML]Server:[PHP]&lt;?phpif( isset($_FILES[&#039;file&#039;]) ){&nbsp; &nbsp; echo &#039;$_File isset&#039;.&quot;\n&quot;;}elseif( isset($_POST[&#039;file&#039;]) &amp;&amp; isset($_POST[&#039;file_name&#039;]) ){&nbsp; &nbsp; $upload_dir&nbsp; &nbsp; = &#039;upload/&#039;;&nbsp; &nbsp; $file_name&nbsp; &nbsp; = $_POST[&#039;file_name&#039;];&nbsp; &nbsp; $file&nbsp; &nbsp; &nbsp; &nbsp; = $_POST[&#039;file&#039;];&nbsp; &nbsp; &nbsp; &nbsp; $handle&nbsp; &nbsp; &nbsp; &nbsp; = fopen($upload_dir.$file, &#039;wb&#039;);&nbsp; &nbsp; fwrite($handle, $file);&nbsp; &nbsp; fclose($handle);&nbsp; &nbsp; &nbsp; &nbsp; echo &#039;$_POST isset&#039;.&quot;\n&quot;;&nbsp; &nbsp; echo &#039;strlen(file_name)&#039;.strlen($_POST[&#039;file_name&#039;]).&quot;\n&quot;;&nbsp; &nbsp; echo &#039;strlen(file)&#039;.strlen($_POST[&#039;file&#039;]).&quot;\n&quot;;&nbsp; &nbsp; echo &#039;strlen(urldecode(file))&#039;.strlen(urldecode($_POST[&#039;file&#039;])).&quot;\n&quot;;}else{&nbsp; &nbsp; echo &#039;nothing isset&#039;.&quot;\n&quot;;}?&gt;[/PHP]Außerdem merkwürdig ist, dass die Daten nicht in $_FILES sind, sondern nur in $_POST. Laut handbuch, sollten FileUploads mit POST in $_FILES stehen.Daher meine Frage: warum kommen die Daten nicht sauber auf der Serverseite an?Danke schon im Vorausrilight</blockquote>

[QUOTE="rilight, post: 1980356, member: 77589"] Hallo liebes Forum, ich arbeite immer noch an meinem FileUpload mit Ajax, jQuery und PHP. Ich bin jetzt soweit, dass ich Daten vom Client an den Server übertragen kann. Was leider nicht funktioniert, dass Daten von Clien- und Serverseite übereinstimmen. Wie schon im Titel beschrieben, sind die Daten auf Serverseite größer. Ich hab es bis jetzt immer mit einem Bild getestet: Soll: 53.367 Byte Ist: 79.034 Byte Könnte das Problem am encoding liegen? Mein Quellcode ist: Client: Hier hatte ich mit $.ajax() und $.post() experimentiert, aber bei beiden kommt das gleiche Ergebnis, die Daten sind auf dem Server zu groß. [HTML] <!Doctype HTML> <html> <head> <meta charset="utf-8"> <title>Dateiupload mit Javascript</title> <style type="text/css"> #output { width : 350px; border : 1px dotted black; padding : 10px; margin-top : 25px; } </style> </head> <body> <h2>Meine kleine Spielwiese</h2> <form id="fileUpload" action="upload.php" method="POST"> <input type="file" name="dateien[]" id="uploadInput" multiple="multiple"> <input type="button" value="upload starten" id="uploadStart"> </form> <div id="output"></div>  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script> <script type="text/javascript"> $("document").ready(function() { $("#uploadStart").click(function() { // input auswaehlen var dateien = $("#uploadInput")[0].files; console.log(dateien); // groesse feststellen var groesse = dateien.length; // jedes Element durchgehen for(var i = 0, datei = dateien[i]; i < groesse; ++i) { var dateiName = datei.name; var reader = new FileReader(); reader.onload = function() { console.log(reader); console.log(reader.result.length); //console.log(reader.result); /* $.ajax({ url : "upload.php", type : "POST", timeout : 5000, processData : false, // data nicht in String konvertieren data : { "file_name" : dateiName, "file" : this.result }, headers : { "enctype" : "multipart/form-data", "encoding" : "multipart/form-data" } }); */ $.post('upload.php', { file_name : dateiName, file : reader.result }, function( data ) { $("#output").append(data); }); } reader.readAsBinaryString(datei); } }); }); </script> </body> </html> [/HTML]Server: [PHP]<?php if( isset($_FILES['file']) ) { echo '$_File isset'."\n"; } elseif( isset($_POST['file']) && isset($_POST['file_name']) ) { $upload_dir = 'upload/'; $file_name = $_POST['file_name']; $file = $_POST['file']; $handle = fopen($upload_dir.$file, 'wb'); fwrite($handle, $file); fclose($handle); echo '$_POST isset'."\n"; echo 'strlen(file_name)'.strlen($_POST['file_name'])."\n"; echo 'strlen(file)'.strlen($_POST['file'])."\n"; echo 'strlen(urldecode(file))'.strlen(urldecode($_POST['file']))."\n"; } else { echo 'nothing isset'."\n"; } ?> [/PHP]Außerdem merkwürdig ist, dass die Daten nicht in $_FILES sind, sondern nur in $_POST. Laut handbuch, sollten FileUploads mit POST in $_FILES stehen. Daher meine Frage: warum kommen die Daten nicht sauber auf der Serverseite an? Danke schon im Voraus rilight [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?