具体的参考文档
http://www.uploadify.com/documentation/
以下是一个小实例 效果如图
1.页面
<a href="javascript:;" id="msgImg" class="msgIcon msgImg" title="图片"></a>
<input type="file" class="uploadify" size="1" id="j_file0" name="fileUpload">
<input type="hidden" id="folderId" value="${(topic.fileid)!''}" name="fileid">
<input type="file" class="uploadify" size="1" id="j_file0" name="fileUpload">
<input type="hidden" id="folderId" value="${(topic.fileid)!''}" name="fileid">
<div id="progressId"></div>
2.对应的js
引入对应的 uploadify.js
$("#j_file0").uploadify({
'uploader' : '${base_path}/fileUpload/uploadImgFile?val=' + (new Date()).getTime()
+'&sid=7ff272a1-1521-4780-a75c-a9703598ae26',
'swf' : '/js/public/js/uploadify/uploadify.swf?var=' + (new Date()).getTime(),
'fileTypeDesc' : '图片文件.',
'fileTypeExts' : '*.jpg;*.gif;*.jpeg;*.png;*.bmp',
debug: false,
'auto' : true,
'preventCaching':true,
'multi' : true,
'buttonText' : ' ',
'fileObjName':'fileUpload',
'fileSizeLimit':'2048KB',
'width':15,
'height':17,
//返回队列
'queueID' : 'progressId',
//上传完成后将图片返回显示
'onUploadStart':function(file){
$("#j_file0").uploadify("settings","formData",{'folderId':$("#folderId").val()});
},
'onUploadSuccess' : function(file, data, response) {
data=ui.json(data);
if(!data.code){
$("#folderId").val(data.paramsMap.folderId);
}else{
TipShow(data.msg);//alert(data.msg);
$('#j_file0').uploadify('stop');
};
$("#msgInfo").removeAttr("valid").parent().nextAll(".form_valid").css("display","none");
},
'onQueueComplete':function() {
ui.get('${base_path}/noteTopic/folder/'+$("#folderId").val(),{},function(q){
$("#thumbnails").html(q);
});
}
});
'uploader' : '${base_path}/fileUpload/uploadImgFile?val=' + (new Date()).getTime()
+'&sid=7ff272a1-1521-4780-a75c-a9703598ae26',
'swf' : '/js/public/js/uploadify/uploadify.swf?var=' + (new Date()).getTime(),
'fileTypeDesc' : '图片文件.',
'fileTypeExts' : '*.jpg;*.gif;*.jpeg;*.png;*.bmp',
debug: false,
'auto' : true,
'preventCaching':true,
'multi' : true,
'buttonText' : ' ',
'fileObjName':'fileUpload',
'fileSizeLimit':'2048KB',
'width':15,
'height':17,
//返回队列
'queueID' : 'progressId',
//上传完成后将图片返回显示
'onUploadStart':function(file){
$("#j_file0").uploadify("settings","formData",{'folderId':$("#folderId").val()});
},
'onUploadSuccess' : function(file, data, response) {
data=ui.json(data);
if(!data.code){
$("#folderId").val(data.paramsMap.folderId);
}else{
TipShow(data.msg);//alert(data.msg);
$('#j_file0').uploadify('stop');
};
$("#msgInfo").removeAttr("valid").parent().nextAll(".form_valid").css("display","none");
},
'onQueueComplete':function() {
ui.get('${base_path}/noteTopic/folder/'+$("#folderId").val(),{},function(q){
$("#thumbnails").html(q);
});
}
});
具体的参数的功能 参考上面的帮助文档