
这是一款支持批量上传、删除图片和文件的上传插件,jQuery图片文件批量上传队列代码,注释很详细。
js代码
<!-- 视实际需要决定是否引入jquery.cookie-1.4.1.min.js-->
<script type=\"text/javascript\" src=\"vendor/jquery.cookie-1.4.1.min.js\"></script>
<script type=\"text/javascript\" src=\"easyUpload.js\"></script>
<script type=\"text/javascript\">
$(\'#easyContainer\').easyUpload({
allowFileTypes: \'*.jpg;*.doc;*.pdf\',//允许上传文件类型,格式\';*.doc;*.pdf\'
allowFileSize: 100000,//允许上传文件大小(KB)
selectText: \'选择文件\',//选择文件按钮文案
multi: true,//是否允许多文件上传
multiNum: 5,//多文件上传时允许的文件数
showNote: true,//是否展示文件上传说明
note: \'提示:最多上传5个文件,支持格式为doc、pdf、jpg\',//文件上传说明
showPreview: true,//是否显示文件预览
url: \'api/file/upload\',//上传文件地址
fileName: \'file\',//文件filename配置参数
formParam: {
token: $.cookie(\'token_cookie\')//不需要验证token时可以去掉
},//文件filename以外的配置参数,格式:{key1:value1,key2:value2}
timeout: 30000,//请求超时时间
successFunc: function(res) {
console.log(\'成功回调\', res);
},//上传成功回调函数
errorFunc: function(res) {
console.log(\'失败回调\', res);
},//上传失败回调函数
deleteFunc: function(res) {
console.log(\'删除回调\', res);
}//删除文件回调函数
});
</script>










暂无评论内容