Hej.
Jeg forsøger at benytte den løsning, der beskrives her:
http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.htmlJeg har indsat følgende i <head>:
<!-- BEGIN FILE UPLOADER FUNCTION !-->
<script language="javascript" type="text/javascript">
function startUpload(){
document.getElementById('f1_upload_process').style.visibility = 'visible';
return true;
}
function stopUpload(success){
var result = '';
if (success == 1){
document.getElementById('result').innerHTML =
'<span class="msg">The file was uploaded successfully!<\/span><br/><br/>';
}
else {
document.getElementById('result').innerHTML =
'<span class="emsg">There was an error during file upload!<\/span><br/><br/>';
}
document.getElementById('f1_upload_process').style.visibility = 'hidden';
return true;
}
</script>
<!-- END FILE UPLOADER FUNCTION !-->
Følgende i <body>
<!-- BEGIN FILE UPLOAD -->
<p id="f1_upload_process">Loading...<br/><img src="../../img/loader.gif" /></p>
<p id="result"></p>
<form action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="startUpload();" >
File: <input name="myfile" type="file" />
<input type="submit" name="submitBtn" value="Upload" />
</form>
<iframe id="upload_target" name="upload_target" src="uploads/" style="width:0;height:0;border:0px solid #fff;"></iframe>
<script language="javascript" type="text/javascript">
window.top.window.stopUpload(<?php echo $result; ?>);
</script>
<!-- END FILE UPLOAD -->
Følgende i min upload.php (ligger i samme folder)
<?php
$destination_path = getcwd().DIRECTORY_SEPARATOR;
$result = 0;
$target_path = $destination_path . basename( $_FILES['myfile']['name']);
if(@move_uploaded_file($_FILES['myfile']['tmp_name'], $target_path)) {
$result = 1;
}
sleep(1);
?>
og slutteligt har jeg tilføjet følgende i min css:
/* START FORMAT UPLOAD FORM AND FUNCTIONALITY */
#f1_upload_process{
z-index:100;
position:absolute;
visibility:hidden;
text-align:center;
width:400px;
margin:0px;
padding:0px;
background-color:#fff;
border:1px solid #ccc;
}
form{
text-align:center;
width:390px;
margin:0px;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}
/* END FORMAT UPLOAD FORM AND FUNCTIONALITY */
Status er; at formen kommer frem:
1. jeg kan vælge en fil og taste "upload". IE-statusbar ser ud som om, den hurtigt gør noget, men der ligger ingen fil, når jeg kontrollerer i biblioteket /uploads (i samme folder som php-siden med formen i).
Gif-filen med statusbar ved siden af formen er konstant synlig - allerede ved load af siden.
Jeg får en fejl om, at tegnet ) var ventet i linje 350 - det kan jeg ikke finde. Ved "vis kilde" er linje 350: window.top.window.stopUpload(Resource id #9);
Æv, hvor er det svært at få den til at spille..........