dropzone的使用方法

<form method="post" enctype="multipart/form-data" class="dropzone" action="import">//注意这里的action和下面的url要一直，如果不写的话就算浏览器上传成功了也会报404的错误 <div class="fallback"> <input name="file" type="file" /> </div> </form>

<script type="text/javascript">

try { $(".dropzone").dropzone({ url:'import?ti='+new Date(),//上传地址 paramName: "file", maxFilesize: 2.0, // MB maxFiles:1,//一次性上传的文件数量上限 acceptedFiles: ".xls", addRemoveLinks : true,//添加移除文件 autoPRocessQueue: false,//不自动上传 dictCancelUploadConfirmation:'你确定要取消上传吗？', dictMaxFilesExceeded: "您一次最多只能上传{{maxFiles}}个文件", dictFileTooBig:"文件过大({{filesize}}MB). 上传文件最大支持: {{maxFilesize}}MB.", dictDefaultMessage : '<span class="bigger-150 bolder"><i class="icon-caret-right red"></i> 拖动文件至该处</span> / <span class="smaller-80 grey">(或点击此处)</span> <br /> / <i class="upload-icon icon-cloud-upload blue icon-3x"></i>', dictResponseError: '文件上传失败!', dictInvalidFileType: "你不能上传该类型文件,文件类型只能是*.xls。", dictCancelUpload: "取消上传", dictCancelUploadConfirmation: "你确定要取消上传吗?", dictRemoveFile: "移除文件", uploadMultiple:false, //change the previewTemplate to use Bootstrap progress bars previewTemplate: "<div class=/"dz-preview dz-file-preview/">/n <div class=/"dz-details/">/n <div class=/"dz-filename/"><span data-dz-　　　　　　　　　　name></span></div>/n <div class=/"dz-size/" data-dz-size></div>/n <img data-dz-thumbnail />/n </div>/n <div class=/"progress 　　　　　　　　progress-small progress-striped active/"><div class=/"progress-bar progress-bar-success/" data-dz-uploadprogress></div></div>/n <div 　　　　　　　　class=/"dz-success-mark/"><span></span></div>/n <div class=/"dz-error-mark/"><span></span></div>/n <div class=/"dz-error-message　　　　　　　　/"><span data-dz-errormessage></span></div>/n</div>", init: function() { var submitButton = document.querySelector("#sureSubmit"); myDropzone = this; // closure //为上传按钮添加点击事件 submitButton.addEventListener("click", function () { $('#subModel').modal('hide'); //手动上传 myDropzone.processQueue(); }); //添加了文件的事件 this.on("addedfile", function () { $('#subModel').modal().CSS({ 'margin-top': function () { return (document.body.scrollHeight/ 2.5); } }); $('#subModel').modal('show'); }); this.on("success", function(file,data) { if(data=="upErr"){ alertMsg("上传失败！"); }else{ alertMsg(data); } }); this.on("error", function(file) { alert("文件上传失败！"); }); }, }); } catch(e) { alert('浏览版本过低，不支持文件上传!'); } });

<script type="text/Javascript">

以下是网上收的关于dropzone的一些相关数据：

功能选项

• url：最重要的参数，指明了文件提交到哪个页面。
• method：默认为post，如果需要，可以改为put。
• paramName：相当于元素的name属性，默认为file。
• maxFilesize：最大文件大小，单位是 MB。
• maxFiles：默认为null，可以指定为一个数值，限制最多文件数量。
• addRemoveLinks：默认false。如果设为