日期:2014-05-17 浏览次数:20764 次
<%@ 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>
------解决方案--------------------