日期:2014-05-17 浏览次数:20942 次
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Upload</title>
<!--装载文件-->
<script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/swfobject.js"></script>
<script type="text/javascript" src="scripts/jquery.uploadify.v2.1.4.min.js"></script>
<!--ready事件-->
<script type="text/javascript">
$(document).ready(function() {
$("#uploadify").uploadify({
'method':'GET',
'uploader' : 'scripts/uploadify.swf',
'script' : 'servlet/Upload',//后台处理的请求
'cancelImg' : 'images/cancel.png',
'folder' : 'uploads',//您想将文件保存到的路径
'queueID' : 'fileQueue',//与下面的id对应
'queueSizeLimit' : 5,
'fileDesc' : 'flv文件或avi文件',
'fileExt' : '*.flv;*.avi', //控制可上传文件的扩展名,视频或者文档再分开,启用本项时需同时声明fileDesc,可定格式
'auto' : false,
'multi' : true,
'simUploadLimit' : 2,//允许同时上传的个数
'buttonText' : 'browse',
'scriptData':{'vName':document.getElementById('vName').value,'vInfo':document.getElementById('vInfo').value},
'onError' : function(event, ID, fileObj, errorObj) {
alert(errorObj.type + ' Error: '+ errorObj.info);
},
'onSelect' : function(e, queueId, fileObj) {
var v=document.getElementById('vName').value;
},
'onSelect' : function(e, queueId, fileObj) {
alert("vName:"+document.getElementById('vName').value);
alert("vInfo:"+document.getElementById('vInfo').value);
},
'onAllComplete' : function(event,data) {
alert(data.filesUploaded + '个文件上传成功,'+"平均上传速度为:"+data.speed/1024+"MB/s,"+"上传文件的总大小为:"+data.allBytesLoaded+"KB" );
}
});
});
</script>
</head>
<body>
<table width="320" border="1" height="172">
<tbody><tr>
<td> 视频名称</td>
<td> <input type="text" name='vName' id='vName' ></td></tr>
<tr>
<td> 视频介绍</td>
<td> <input type="text" id='vInfo'></td></tr>
<tr>
<td> Browse</td>
<td> <input type="file" name="uploadify" id="uploadify" /></td></tr>
<tr>
<td><a href="javascript:jQuery('#uploadify').uploadifyUpload()">开始上传</a> </td>
<td><a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a> </td></tr>
</tbody>
</table>
</body>
</html>
------解决方案--------------------