uploadify上传多图片

具体的参考文档

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">


<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' : '&nbsp;',
'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);
          });
         
         }
});

具体的参数的功能 参考上面的帮助文档  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值