✔ Ajax Upload Status einfügen

one6666

one6666

Mitglied Titanium
Hallo,

Neuer Nachtrag:
Ich habe es geschafft :)

Nachtrag:
ich müsste nur wissen wie ich von meiner upload.php eine Javascript function aufrufen kann,
eine alert() ausgabe klappt aber ich bekomm einfach keine funktion aufgerufen :(


vorab ich weis es gibt keinen Ajax Upload :D scheint aber der Name dafür zusein :)

Komme mit meinen ganz gut voran, habe einen eigenen File Button und nachdem man eine Datei ausgewählt hat startet der Upload ohne die Seite neu zuladen :)

So weit so gut :)

Was mir jetzt noch fehlt ist ein Status der merkt wann ist der Upload fertig:confused: ,
so das ich den Inhalt des iframe auslesen kann zb. Fehlermeldungen oder den Dateinamen um dann mit innerHTML das Bild direkt in meinen image-resizer zuladen:)

Hier der Code bis jetzt :

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image-Resizer</title>
<style type="text/css">
body{
	margin:0px;
	padding:0px;
}
.div{
	width:20px;
	height:20px;
	overflow:hidden;
	position:relative;
}
.file_button{
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	left:-220px;
	width:300px;
	height:100px;
	text-align:right;
	position:relative;
	z-index:1;
	cursor:pointer;
}
.fake_button{
	left:0px;
	top:0px;
	width:20px;
	height:20px;
	position:absolute;
}
</style>
<script type="text/javascript">
function start_upload(){
	document.image_resizer.submit();
}
</script>
</head>

<body>
    <form action="upload.php" name="image_resizer" method="post" enctype="multipart/form-data" target="upload_window">
        <div class="div">
            <input class="file_button" type="file" name="datei" onchange="start_upload()" />
            <img class="fake_button" src="upload_button.png" />
        </div>
    </form>
    <iframe id="upload_window" name="upload_window" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>
</body>
</html>
 
Zuletzt bearbeitet:
Was den Aufruf der Funktion betrifft: wie rufst du diese denn auf/wo steht diese Funktion.

Betreffs des fertigen Uploads: wenn in einem iFrame etwas fertig ist, feuert dort der onload-Event.
 
Hallo Sven:),

ich wuste Gestern nicht wie ich aus dem iframe meinen Javascript Code ansprechen kann,
musste erstmal sichergehen das es aus PHP überhaupt geht, war alles bisschen neu für mich:D,
mit window.top.window.stop() hat es dann aber geklappt :)

Somit habe ich eine leichte Alternative zu deinen Ajax Upload,
werde vielleicht mal ein Tutorial dazu schreiben, wenn der Image-Resizer fertig ist :)

Nachtrag:
Das ganze läuft so ab:
User wählt eine Datei aus onchange merkt es hat sich was verändert und startet dann meine start() function,
diese sendet dann mit submit() meine Datei an ein iframe,
innerhalb meines iframes läuft mein ganz normales Upload Script, wenn dieses fertig gelaufen ist lasse ich nicht eine meldung ausgeben,
sondern rufe eine stop() function auf die dann das fertige Bild in meinen Image Resizer läd:)

Total simpel :)
Wenn ich ein Tutorial schreiben söllte werden einige Augen machen wie einfach das ganze ist :)
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück