파일 플러그인dropzone 업로드의 예

html:

class="field">
　　
"file" class="dropzone">
　　　　
class="dz-message needsclick">
　　　　　　Drop files here or click to upload.

　　　　　　class="note needsclick">(Select the files you want to upload.)
　　　　
　　

css:

.field{
　　max-width:720px;
　　margin:0 auto;
　　margin-top:60px;
　　font-size:20px;
　　.dropzone{
　　　　padding: 54px 54px;
　　　　.dz-message{
　　　　　　height:84px;
　　　　　　font{
　　　　　　　　line-height:28px;
　　　　　　}
　　　　　　span.note{
　　　　　　　　height:28px;
　　　　　　　　margin-top:28px;
　　　　　　　　font-size:15px;
　　　　　　}

　　　　}
　　}
}

js:

Dropzone.autoDiscover = false; 
var dropz = new Dropzone("#file", {

     url: "uploadFile", //       

　　　parallelUploads:10,//           
　　　uploadMultiple:true,//  dropzone        
　　　maxFiles: 10,//           
　　　maxFilesize: 10,//MB 
　　　acceptedFiles: ".csv", //        
　　　success:function(file,data){ 
　　　　　//    console.log(this.getAcceptedFiles().length);//          
　　　　　data=JSON.parse(data);
　　　　　if(data.code=='000'){
　　　　　　//  
　　　　　}else{
　　　　　}
　　　}, 
　　　dictMaxFilesExceeded:"      ", 
　　　dictDefaultMessage:"Drop files here or click to upload.", 
　　　dictFileTooBig:"           {{maxFilesize}}Mb，       {{filesize}}Mb ", 
})

dropzone에서 주의해야 할 점은 다음과 같습니다.
파일을 여는 순간 이미 업로드가 시작되었습니다
홈페이지 주소:http://www.dropzonejs.com/
 
전재 대상:https://www.cnblogs.com/rachelch/p/7373626.html