我一直在尝试使用dropzone.js插件,并且会感谢任何在这一点上更有经验的人的想法,因为网络上的文档似乎很少。以下代码段基本上展示了我尝试做的事情。
<script>
for (j=1; j<=5; j++) { // set photo boxes, these can be revisited later
picname = './pics/'+pic[j];
// custom function, after php the function, returns true if file exists
if (file_exists(picname)) {
// show picture (possibly dropzone-generated thumbnail?)
$("#photo"+j).html('<img src="'+picname+'"><br>'+name[j]);
} else {
$("#photo"+j).dropzone({
url: 'picupload.php'
});
}
}
</script>
<div id="photo1"></div>
<div id="photo2"></div>
<div id="photo3"></div>
<div id="photo4"></div>
<div id="photo5"></div>
每个div照片容器都应该能够在任何时候从dropzone切换到上传照片的显示(如果存在)。为了清楚起见,我缩减了dropzone的配置参数并省略了css。
我还想知道是否可以利用dropzone.js的缩略图生成方面来保存/显示上传文件(图像)的缩略图。