动态打开/关闭dropzone

时间:2017-08-03 22:16:40

标签: javascript jquery dropzone.js

我一直在尝试使用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的缩略图生成方面来保存/显示上传文件(图像)的缩略图。

0 个答案:

没有答案