我试图让一个基于AJAX的进度条。但是,我不知道如何计算上传的数据量,我想以上传数据的百分比来显示。 谢谢如何查找已上传了多少数据?
1
A
回答
2
您可以使用APC或PEAR包上传进度。
http://pecl.php.net/package/uploadprogress
有一段时间没有这样做,我记得有作为一个问题与WebKit和不得不使用iframe。可能想研究一下。
1
试试这个: -
演示网址: -
http://jquery.malsup.com/form/progress.html
你可以从这个网址下载jQuery的文件,并添加HTML标签
http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js
http://malsup.github.com/jquery.form.js
试试这个:
这是我的HTML标记:
<!doctype html>
<head>
<title>File Upload Progress Demo #1</title>
<style>
body { padding: 30px }
form { display: block; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px }
.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }
</style>
</head>
<body>
<h1>File Upload Progress Demo #1</h1>
<code><input type="file" name="myfile"></code>
<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="uploadedfile"><br>
<input type="submit" value="Upload File to Server">
</form>
<div class="progress">
<div class="bar"></div >
<div class="percent">0%</div >
</div>
<div id="status"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
(function() {
var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');
$('form').ajaxForm({
beforeSend: function() {
status.empty();
var percentVal = '0%';
bar.width(percentVal)
percent.html(percentVal);
},
uploadProgress: function(event, position, total, percentComplete) {
var percentVal = percentComplete + '%';
bar.width(percentVal)
percent.html(percentVal);
},
complete: function(xhr) {
bar.width("100%");
percent.html("100%");
status.html(xhr.responseText);
}
});
})();
</script>
</body>
</html>
我的PHP代码:
<?php
$target_path = "uploads/";
$target_path = $target_path . basename($_FILES['uploadedfile']['name']);
if(move_uploaded_file($_FILES['uploadedfile']['tmp_name'], $target_path)) {
echo "The file ". basename($_FILES['uploadedfile']['name']).
" has been uploaded";
} else{
echo "There was an error uploading the file, please try again!";
}
?>
相关问题
- 1. 如何查找函数定义了多少个参数?
- 2. 如何显示我们已经下载了多少数据
- 3. 如何知道用户对SoundCloud上传了多少次上传?
- 4. 检查已经过了多少天
- 5. 如何查找缺少的数据
- 6. PHP上传输入数组以及如何查找多少个文件?
- 7. 如何传递值('运行时已知'多少')到SQL查询
- 8. 如何查找使用Java留下了多少磁盘空间?
- 9. 如何获取到目前为止上传了多少字节?
- 10. Firebase数据过多压扁了多少?
- 11. C#如何找到输入了多少数字?
- 12. 二分查找做了多少次递归函数调用?
- 13. 如何找出在.Net项目中已写入了多少行代码
- 14. 如何查找上传已完成 - Node Express
- 15. 在特定接收器处传输了多少数据
- 16. 计算已滚动了多少
- 17. 如何获取有多少数据应用程序已下载?
- 18. 如何查看当前打开了多少个数字?
- 19. 如何确定在javascript中已经过了多少分钟
- 20. 我如何计算使用DateTime已经过了多少时间?
- 21. 我如何计算我已经采取了多少次尝试?
- 22. php,如何确定已经运行了多少代码?
- 23. 使用a4j:poll来检查已经下载了多少个文件
- 24. 如何在数组或mySQL表中查找缺少的数据?
- 25. Firebase数据库 - 如何知道我使用了多少空间?
- 26. 如何“查找”查找数据
- 27. 如何查找随机数组中有多少个值匹配?
- 28. Meteor.subscribe后,客户端上加载了多少数据?
- 29. 如何查找字符串上有多少个数字和字母
- 30. 如何使用PHP检查做了SQL数据库已经有