Uploadify_jQuery上传插件简单应用

版本:jquery.uploadify-3.1.min.js

应用系统:Html+Struts2

<html>
<head>
//引入提供的uploadify样式
<link href="${ctx}/styles/uploadify.css" rel="stylesheet" type="text/css" />
<script src="${ctx}/scripts/jquery-1.7.2.js" type="text/javascript"></script>
<script src="${ctx}/scripts/upload/jquery.uploadify-3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#bigPlacardFile").uploadify({
        //处理上传的路径,这里使用Struts2是XXX.action
    	'uploader': 'activityWrapper!uploadFile.action',
        //提供的swf文件所在路径	
        'swf':'../styles/images/uploadify.swf',
        //上传条显示层ID
        'queueID': 'fileQueue',
        //上传按钮内容
        'buttonText':'上传',
        //上传按钮图片路径,如果不需要则设置为null,就说不设置为空会有bug
        'buttonImage': null,
        //长传之后不取消queueID的内容
        'removeCompleted': false,
        //点击按钮后自动上传
        'auto': true,
        //是否支持多文件上传
        'multi': false,
        //在action中的File类型变量
        'fileObjName': 'bigPlacardFile',
        //每次最大上传文件数
        'simUploadLimit': 1,
        //有speed和percentage两种,一个显示速度,一个显示完成百分比
        'displayData': 'speed',
        //允许的格式
        'fileExt': '*.jpg;*.gif;*.jpeg;*.png;*.bmp',
        //上传成功的回调函数
        'onComplete': function(e, queueId, fileObj){}
    });
});
</script>
</head>
<body>
<div id="fileQueue"></div>
<input type="file" name="bigPlacardFile" id="bigPlacardFile" />
</body>
</html>

要想获得文件名称可以采用前台向后台传值的方法。

'onUploadStart': function(file) {
    $("#bigPlacardFile").uploadify("settings", 'formData', {'fileName': file.name});
}

你可能感兴趣的:(uploadify,uploadify获得文件名)