Hallo,
ich baue gerade ein Script zum Thema Ladebalken mit PHP und Ajax.
Der Ladebalken läuft schon mal.
Doch ich hätte gerne noch die Infos, wie viele Daten bereits
geladen wurden und wie die Daten hießt.
Ich komme im Augenblick nicht weiter?
Ich kann doch alle Daten mit apc_fetch auslesen, oder?
Hier das Srcipt aus uploadframe.php
und hier noch ein Teil aus upload.php
Danke schon mal für die Hilfe
ich baue gerade ein Script zum Thema Ladebalken mit PHP und Ajax.
Der Ladebalken läuft schon mal.
Doch ich hätte gerne noch die Infos, wie viele Daten bereits
geladen wurden und wie die Daten hießt.
Ich komme im Augenblick nicht weiter?
Ich kann doch alle Daten mit apc_fetch auslesen, oder?
Hier das Srcipt aus uploadframe.php
PHP-Code:
<?php
$url = basename($_SERVER['SCRIPT_FILENAME']);
//Get file upload progress information.
if(isset($_GET['progress_key'])) {
$status = apc_fetch('upload_'.$_GET['progress_key']);
echo $status['current']/$status['total']*100;
die;
}
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.js" type="text/javascript"></script>
<link href="style_progress.css" rel="stylesheet" type="text/css" />
<script>
$(document).ready(function() {
//
setInterval(function()
{
$.get("<?php echo $url; ?>?progress_key=<?php echo $_GET['up_id']; ?>&randval="+ Math.random(), {
//get request to the current URL (upload_frame.php) which calls the code at the top of the page. It checks the file's progress based on the file id "progress_key=" and returns the value with the function below:
},
function(data) //return information back from jQuery's get request
{
$('#progress_container').fadeIn(100); //fade in progress bar
$('#progress_bar').width(data +"%"); //set width of progress bar based on the $status value (set at the top of this page)
$('#progress_completed').html(parseInt(data) +"%"); //display the % completed within the progress bar
}
)},500); //Interval is set at 500 milliseconds (the progress bar will refresh every .5 seconds)
});
</script>
PHP-Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.js" type="text/javascript"></script>
<!--display bar only if file is chosen-->
<script>
$(document).ready(function() {
//
//show the progress bar only if a file field was clicked
var show_bar = 0;
$('input[type="file"]').click(function(){
show_bar = 1;
});
//show iframe on form submit
$("#form1").submit(function(){
if (show_bar === 1) {
$('#upload_frame').show();
function set () {
$('#upload_frame').attr('src','upload_frame.php?up_id=<?php echo $up_id; ?>');
}
setTimeout(set);
}
});
//
});
</script>
Kommentar