Hey,
Ich habe mit diesem Tutorial gearbeitet:
Wenn ich jetzt auf den Submitbuttonklicke refresht sich die Seite: Somit ist der AJAX und jQuery Code unnützlich:
SQL
$(document).ready(function() {
('#ac_profilpp').click(function () {
var file = $('input[name=profilpic]');
$('.text').attr('disabled','true');
//$('.loading_icon').show();
$.ajax({
type: "POST",
data: data,
success: function (reqCode) {
if (reqCode==1) {
$('#inner_em').fadeOut('slow');
$('#firststep').hide();
$('#inner_em').fadeIn('slow');
$('#firststep').show();
} else {
alert('Fehler beim Abschicken des Formulares.');
}
}
});
return false;
});
});
Alles anzeigen
Der Code ist an der richtigen Stelle
PHP
<div style="position: absolute; left: 50%;">
<div id="ppic" style="display: none; position: relative; left: -50%;" onmousedown="startDrag(this);">
<span style="float:left;"><b>Editiere dein Profilbild</b></span>
<span style="float:right; padding-top: 0.2em;">
<img id="closeppic" style="height: 10px; width: 10px;" src="images/icons/close.png" /></a>
</span>
<div id="inner_em"><br />
<table>
<tr>
<form enctype="multipart/form-data" action="" method="post" id="pp">
<table>
<tr>
<td><img src="images/icons/editppic.png" onmouseover="Tip('Profilbild ändern')" onmouseout="UnTip()" /></td>
<td>
<div id="firststep">
<ul>
<li>Bitte beachte folgende Formate: ".jpg" ".gif" ".jpeg" oder ".png"</li>
<li>Dein Profilbild wird auf die Maße 164 Pixel * 164 Pixel automatisch geschnitten!</li>
<li>Die Datei darf maximal 4 MB haben!</li>
</ul><br />
<input type="file" id="profilpic" name="profilpic" size="25" placeholder="Profilbild ..." />
<span style="margin-top: 0.5em;"><center><input type="submit" style="border: 1px solid black; background-color: white" id="ac_profilpp">Hochladen</button></center></span>
</div>
<div id="secondstep" style="display: none;">
<?php
if(isset($_POST['file']))
echo "Der Posteintrag: " . $_POST['file'];
else
echo "Ajaxfehler, bitte versuchen sie es erneut :-x";
?>
</div>
</td>
</tr>
</form>
</tr>
</table>
</div>
</div>
</div>
Alles anzeigen
Der Input
So ich möchte allerdings die Daten mit der Ajaxfunktion einbinden was ist mein fehler?