dropzone插件实现指定文件夹上传和多文件上传功能

Jsp:

上传文件

至文件夹

默认文件夹

action="${pageContext.request.contextPath}/ ListLibaryController/insertfile.html"

method="post"enctype="multipart/form-data" class="dropzone ovy-a Scrollable w100p h172 mt24 p8 bg-w cu-po">

确定 取消

红色的地方标注：可以上传文件夹的参数

Js：

//Dropzone实现上传文件

var AcceptedFilesLength = 0;

var count = -1;

var flag = true;

Dropzone.options.myDropzone = {

//添加上传取消和删除预览的链接，默认不添加 addRemoveLinks: true,

//关闭自动上传功能，默认会true会自动上传

//也就是添加一个文件向服务器发送一次请求 autoProcessQueue: false,

//用于传输文件的名称

paramName: "myFile",

//允许上传多个照片

uploadMultiple: false,

//MB

maxFilesize: 20,

//最大上传数量

maxFiles: 5,

dictFileTooBig: '图片超出最大20M约束',

dictMaxFilesExceeded: '超出最大上传数量',

//限制上传文件大小的节

parallelUploads: 100,

init: function () {

var submitButton =

document.querySelector("#btn-cfmupload") myDropzone = this; // closure

//为上传按钮添加点击事件submitButton.addEventListener("click", function () {

//手动上传所有文件

myDropzone.processQueue();

});

//当上传完成后的事件，接受的数据为

JSON格式

this.on("complete", function (file) {

myDropzone.removeFile(file);

//alert(this.getAcceptedFiles().length);

if(flag){

<%-- alert("a");--%>

AcceptedFilesLength = this.getUploadingFiles().length;

flag = false;

}

if(count == AcceptedFilesLength){

count = -1;

flag = true;

toast('上传成功！');

refreshLeftLibaryFolder();

Submit();

}

//alert("this.getUploadingFiles().lengt h==" + this.getUploadingFiles().length);

//alert("this.getQueuedFiles().length== " + this.getQueuedFiles().length);

if(this.getRejectedFiles().length != 0){

count = -1;

Alert('上传失败');

return;

}

});

this.on("success",

function(file,data) {

var obj = JSON.parse(data);

if(obj.result == 1){

count++;

}

});

}

};

Action:

/**

* 将上传的文件保存到数据库

* @param model gll

* @return