webuploader 简单实用

来源：互联网发布：xampp部署php网站编辑：程序博客网时间：2024/06/06 08:51

var uploader;//声明

function uploadPic(){

uploader = WebUploader.create({

auto: true,

swf: '<%=AppConfig.getBaseUrlPrefix() %>js/util/webUploader/Uploader.swf',//插件

server: '<%=AppConfig.getUserOaPrefix()%>oa_file_upload.do', //上传路径

pick:{"id":"#uploadPic","innerHTML":"<a href=\"javascript:void(0);\" >&nbsp&nbsp&nbsp</a>"},//绑定

method:'POST',//上传方式

duplicate:false,//是否去重默认undefined(false),true代表可以重复

accept:{

title: 'Images', //限制图片上传格式

   extensions: 'gif,jpg,jpeg,bmp,png',
   mimeTypes: 'image/*'
/**
  accept:{

   title:'intoTypes',//限制文件上传格式
   extensions:'doc,docx,pdf,txt,html,java,zip,rar,xls,xlsm,xlsx,wps,ppt,pptx,csv',
   mimeTypes:'.doc,.docx,.pdf,.txt,.html,.java,.zip,.rar,.xls,.xlsm,.xlsx,.wps,.ppt,.pptx,.csv'
}

*/

}

});

//文件上传成功，给item添加成功class, 用样式标记上传成功。

uploader.on( 'uploadSuccess', function( file ,data) {

var id=file.id;//该id为文件在队列中的编号删除使用

var datauuId = data.fileUuid;

$("#huixian_pic").empty();

$("#upk_pic").val(datauuId);

var appHtml = "<li id='pic_"+datauuId+"'>"+file.name+"<a href='javascript:void(0);'onclick=\"delFile(\'"+datauuId+"');\">删除</a></li>";

var len = $("#huixian_pic li").length;

if(len>0){

var uuId=$("#upk_pic").val();

delFile(uuId);

}

$("#huixian_pic").append(appHtml);

});

//文件上传失败，显示上传出错。

uploader.on( 'error', function( type ) {

if(type=="Q_TYPE_DENIED"){

layer.msg("请上传'gif,jpg,jpeg,bmp,png'格式的图片");

}

});

}

重点说下删除:

上传完成后删除文件,再次上传发现该文件还存在(duplicate:false或undefined的时候),

这时候需要获取到文件在队列中的id(file.id),在删除方法中调用(uploader.removeFile(id))id就是上传完成后对列file的编号;

再次上传不受限制

0 0