<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFive Test</title>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.uploadifive.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadifive.css">
<style type="text/css">
body {
font: 13px Arial, Helvetica, Sans-serif;
}
.uploadifive-button {
float: left;
margin-right: 10px;
}
#queue {
border: 1px solid #E5E5E5;
height: 77px;
overflow: auto;
margin-bottom: 10px;
padding: 0 3px 3px;
width: 300px;
}
</style>
</head>
<body>
<h1>UploadiFive Demo</h1>
<form>
<div id="queue"></div>
<input id="file_upload" name="file_upload" type="file" multiple="true">
<a style="position: relative; top: 8px;" href="javascript:$('#file_upload').uploadifive('upload')">点击上传,文件名中不得有中文-空格-斜线-等号等非法字符</a>
</form>
<script type="text/javascript">
<?php $timestamp = time();
//print_r($_SERVER['DOCUMENT_ROOT']);exit;
?>
$(function() {
$('#file_upload').uploadifive({
'auto' : false,
'checkScript' : 'check-exists.php',
'fileType' : '.rar,.zip,.exe',
'formData' : {
'timestamp' : '<?php echo $timestamp;?>',
'token' : '<?php echo md5('unique_salt' . $timestamp);?>'
},
'queueID' : 'queue',
'uploadScript' : 'uploadifive.php',
'onUploadComplete' : function(file, data) { console.log(data); }
});
});
</script>
</body>
</html>
PHP文件上传进度条插件js版 不需要修改php的session.upload-progress或安装额外的php模块等
需积分: 1 160 浏览量
2023-08-16
14:24:44
上传
评论
收藏 47KB RAR 举报
UploadiFive.rar （9个子文件） 
uploadifive.css 2KB check-exists.php 351B
uploadifive-cancel.png 1KB uploadifive-image-only.php 2KB index.php 2KB uploadifive.php 889B jquery.min.js 91KB jquery.uploadifive.js 43KB jquery.uploadifive.min.js 12KB资源评论
