Javascript 如何解决dropzone.js布局问题

我正在做一个项目，开始使用dropzone.js，然后被转移到另一个任务，当我回到这个任务时，一位前同事做了一些修改

这可能是一个简单的问题，但我需要学习-他创建了一些我不想要的表，我只想能够显示我通过css创建和控制的项目上的VAR数据

我的问题是，我不知道如何在中使用他的函数，并使它们更加“基于html”，以便我可以将css分配给它

我正在尝试dropzone.js，想要像dropzonejs.com这个页面上那样的布局，或者使用dropzonejs

var文件=[]；
var总计数=0；
var处理=假；
函数deleteFile（fileid）{
var file=files[fileid]；
总计数-=file.count；
files[fileid]=null；
document.getElementById（'dr_total'）。innerHTML=total_count；
var row=document.getElementById（'dr_'+fileid）；
row.parentNode.removeChild（row）；
dz_deleteRemoteFile（file.file）；
}
函数签出（）{
如果（处理）{
返回true；
}
如果（files.length<1）{
警报（“请上传文件”）；
返回false；
}
处理=真；
document.getElementById（'btnCheckout'）。innerHTML='Processing…'；
var result=dz_addOrder（）；
如果（！结果）{
document.getElementById（'btnCheckout'）。innerHTML='Checkout'；
处理=假；
}
}
Dropzone.options.myDropzone={
paramName:“file”，//将用于传输文件的名称
最大文件大小：200，//MB
//acceptedFiles:“应用程序/csv、文本/csv、应用程序/vnd.ms excel”，
clickabke:false，
dictDefaultMessage:'拖动或选择要上载的文件'，
方法：“张贴”，
uploadMultiple:false，
接受：函数（文件，完成）{
if（file.name.substring（file.name.length-3）.toLowerCase（）！=“csv”）{
完成（'错误：文件类型无效，只允许CSV文件'）；
}否则{
完成（）；
}
},
错误：函数（文件、错误消息、xhr）{
警报（'错误：'+file.name+''+errorMessage）；
},
成功：功能（文件、消息）{
var ret=JSON.parse（消息）；
如果（返回状态=“错误”）{
警报（'错误：'+file.name+'+ret.message）；
返回false；
}
var obj={
文件：ret.file，
name:file.name，
计数：ret.count
};
文件推送（obj）；
总计数+=重新计数；
var table=document.getElementById（'dr_files'）；
var行=table.insertRow（-1）；
row.id='dr_'+（files.length-1）；
row.insertCell（0）.innerHTML=file.name；
row.insertCell（1.innerHTML=ret.count；
row.insertCell（2.innerHTML='delete'；
document.getElementById（'dr_total'）。innerHTML=total_count；
var dz=此；
setTimeout（函数（）{
dz.removeFile（文件）；
}，1000，dz）；
}
};




FileCountOptions
全部结帐