Auf Thema antworten 2026

Beitrag

<blockquote data-quote="phpBoard" data-source="post: 2287121" data-attributes="member: 571867">Hallo,ich arbeite schon länger mit Formularen die ich über Ajax absende um so die Seite nicht neu laden zu müssen.Nun steh ich vor dem Problem das ich einen Bilder-Upload so realisieren möchte, nur scheint es da Probleme zu geben. Aber schon zahlreiche Tutorials im Web gelesen und hab dadurch erfahren dass es sehr umständlich ist Bilder über diese Methode hochzuladen. Hab versucht ein paar Tutorials umzusetzen, aber leider ohne Erfolg.Hoffe mir kann jemand helfen, ich sende anbei mal den Code.Das Formular:[PHP]&lt;script src=&quot;js/upload.js&quot;&gt;&lt;/script&gt;&lt;form method=&quot;post&quot; name=&quot;imgform&quot; id=&quot;imgform&quot; action=&quot;&quot; enctype=&quot;multipart/form-data&quot;&gt;&nbsp; &nbsp; &lt;p&gt;&lt;input type=&quot;file&quot; name=&quot;image&quot; id=&quot;image&quot; required=&quot;required&quot;&gt;&lt;/p&gt;&nbsp; &nbsp; &lt;p&gt;&lt;input type=&quot;text&quot; name=&quot;title&quot; class=&quot;upload_field&quot; placeholder=&quot;Titel&quot; required=&quot;required&quot;&gt;&lt;br /&gt;&nbsp; &nbsp; &lt;input type=&quot;text&quot; name=&quot;description&quot; class=&quot;upload_field&quot; placeholder=&quot;Beschreibung&quot; required=&quot;required&quot;&gt;&lt;/p&gt;&nbsp; &nbsp; &lt;input type=&quot;submit&quot; name=&quot;submit&quot; id=&quot;submit&quot; value=&quot;Hochladen&quot;&gt;&lt;/form&gt;[/PHP]upload.js[CODE]$(document).ready(function() {&nbsp; &nbsp; var form = $(&#039;#imgform&#039;);&nbsp; &nbsp; var submit = $(&#039;#submit&#039;);&nbsp; &nbsp; var alert = $(&#039;.feedback&#039;);&nbsp; &nbsp; form.on(&#039;submit&#039;, function(e) {&nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault();&nbsp; &nbsp; &nbsp; &nbsp; $.ajax({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url: &#039;php/upload.php&#039;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type: &#039;POST&#039;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dataType: &#039;html&#039;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: form.serialize(),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; beforeSend: function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert.fadeOut();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; submit.html(&#039;.....&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; success: function(data) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert.html(data).fadeIn();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; form.trigger(&#039;reset&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; submit.html(&#039;Send Picture&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.location = pinsucc;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; error: function(e) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(e)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; });});[/CODE]Die PHP Datei die die Anfrage verarbeitet hab ich mal weggelassen, da diese im Moment nicht von Bedeutung ist.Vielen Dank im Voraus!Mfg</blockquote>

[QUOTE="phpBoard, post: 2287121, member: 571867"] Hallo, ich arbeite schon länger mit Formularen die ich über Ajax absende um so die Seite nicht neu laden zu müssen. Nun steh ich vor dem Problem das ich einen Bilder-Upload so realisieren möchte, nur scheint es da Probleme zu geben. Aber schon zahlreiche Tutorials im Web gelesen und hab dadurch erfahren dass es sehr umständlich ist Bilder über diese Methode hochzuladen. Hab versucht ein paar Tutorials umzusetzen, aber leider ohne Erfolg. Hoffe mir kann jemand helfen, ich sende anbei mal den Code. Das Formular: [PHP]<script src="js/upload.js"></script> <form method="post" name="imgform" id="imgform" action="" enctype="multipart/form-data"> <input type="file" name="image" id="image" required="required"> <input type="text" name="title" class="upload_field" placeholder="Titel" required="required"> <input type="text" name="description" class="upload_field" placeholder="Beschreibung" required="required"> <input type="submit" name="submit" id="submit" value="Hochladen"> </form>[/PHP]upload.js [CODE]$(document).ready(function() { var form = $('#imgform'); var submit = $('#submit'); var alert = $('.feedback'); form.on('submit', function(e) { e.preventDefault(); $.ajax({ url: 'php/upload.php', type: 'POST', dataType: 'html', data: form.serialize(), beforeSend: function() { alert.fadeOut(); submit.html('.....'); }, success: function(data) { alert.html(data).fadeIn(); form.trigger('reset'); submit.html('Send Picture'); window.location = pinsucc; }, error: function(e) { console.log(e) } }); }); });[/CODE]Die PHP Datei die die Anfrage verarbeitet hab ich mal weggelassen, da diese im Moment nicht von Bedeutung ist. Vielen Dank im Voraus! Mfg [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?