AJAX uploader
Ik had een vraagje over ajax upload script.
Ik heb namelijk een script wat ik wil ombouwen tot een ajax uploader.
Ik heb het upload script enzo al.
dit is mijn ajax script:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
function upload()
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
if (document.getElementById("left").length==0)
{
document.getElementById("left").innerHTML="";
return;
}
var url="schrijf.php";
url=url+"?achtergrond="+achtergrond;
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}catch (e){
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch (e){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("left").innerHTML=xmlHttp.responseText;
}
}
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
if (document.getElementById("left").length==0)
{
document.getElementById("left").innerHTML="";
return;
}
var url="schrijf.php";
url=url+"?achtergrond="+achtergrond;
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}catch (e){
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch (e){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("left").innerHTML=xmlHttp.responseText;
}
}
Dit is de html
Code (php)
1
2
3
4
2
3
4
<form method="post" name="writeform" id="writeform" enctype="multipart/form-data">
<input type="file" name="afbeelding"><br>
<input type="button" value="Upload" onclick="upload()">
</form>
<input type="file" name="afbeelding"><br>
<input type="button" value="Upload" onclick="upload()">
</form>
Hoe bouw ik dit om tot upload? Want de ajax maakt nu gebruikt van $_GET maar hij moet gebruik maken van $_POST voor upload, kan iemand mij verder helpen?
Groeten, Vincent.
Gesponsorde koppelingen:
http://digitarald.de/project/fancyupload/
storeman schreef op 14.01.2008 13:47:
Dit werkt toch echt briljant, heb het afgelopen weekend geimplementeerd, en het doet het gewoon :).
http://digitarald.de/project/fancyupload/
http://digitarald.de/project/fancyupload/
Inderdaad, via een flash bestandje is het ook heel makkelijk.
Quote:
Je kan niet uploaden met AJAX, omdat je geen bestanden mee kan sturen.
Javascript kan geen bestanden uploaden.
Je browser kan wel bestanden uploaden.
Om ervoor te zorgen je kunt uploaden worden er een IFRAME gebruikt.
Gewijzigd op 01/01/1970 01:00:00 door Martijn B
En @Jacco: Als ik die verander naar post, hoe geef ik dan post waarden mee?
storeman schreef op 14.01.2008 13:47:
Dit werkt toch echt briljant, heb het afgelopen weekend geimplementeerd, en het doet het gewoon :).
http://digitarald.de/project/fancyupload/
http://digitarald.de/project/fancyupload/
http://digitarald.de/playground/uplooad.html
Ik heb alle bestanden die in de broncode staan (van bovenstaande link) gedownload en op m'n eigen site gezet, maar toch werkt er het 1 en ander niet.
Uiteraard heb ik wel op de directories gelet etc.
De file "Swiff.Uploader.swf" ontbreekt bij mij, heb jij daar een vervanger voor gebruikt?
Ben nou al een dag bezig, maar schiet nog niks op.
Heb al het commentaar in de code ook al meerdere keren gelezen.
Voor een indruk: www.jeroenv.com/mediaplayer/upload.html
Misschien had jij die problemen ook en kun je me uitleggen hoe jij ze hebt opgelost.
Mvg,
Jeroen
Gewijzigd op 01/01/1970 01:00:00 door Jeroen van der Velden
