【问题标题】:How to place dropzone thumbnail outside dropzone preview template如何将 dropzone 缩略图放置在 dropzone 预览模板之外
【发布时间】:2016-10-26 02:28:05
【问题描述】:

我知道这是一个愚蠢的问题 但任何人都知道如何将 dropzone 缩略图放在 dropzone previewTemplate 之外

<div class="template">
   <div class="previews">
   </div>
</div>
<!-- this is previewTemplate area -->

<div class="image-profile">
  <img data-dz-thumbnail>
</div>
<!-- this is thumbnail preview area, outside from previewTemplate -->

可以这样做吗? 还是有其他可能的方法?

或者也许如何获取 dropzone 缩略图源,像这样

【问题讨论】:

    标签: javascript jquery dropzone.js


    【解决方案1】:

    上传完成后尝试

    //.each because there can be multiple thumbnails in case of multiple uploads
    $('img[data-dz-thumbnail]').each(function(i, img){
        var imgSrc = $(this).attr('src');
        console.log(imgSrc);
    });
    

    【讨论】:

    • 对不起先生,我想你不明白我的意思
    • 我理解的是,您需要缩略图的 src 才能将其发布到放置区之外。我发给你的代码,你可以把它放在上传完成触发器上,一旦缩略图可用,它会给你imgSrc变量中的src属性值。
    • 不,我的意思是,dropzone 预览缩略图,我正在使用带有自动队列的 dropzone 被禁用,我正在使用提交按钮,然后在提交之前,出现缩略图,缩略图出现在 dropzone 预览模板之外,
    • 而当你提交时缩略图出现在div class="previews" 对吗?
    • 同样的问题,这是从我的控制台日志功能= [对象文件]数据结果:图像/ PNG; BASE64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABLCAYAAACGGCK3AAAgAElEQVR4nFSbZ1ycx9W3z43c4h73uFfZseMq97h3J0 + aHSd2YidukmyrIyEBkkAFNYqEOqqooILovSxtWXZh6b0jEKj3XrnP9X6YtZ / N / XB + Mzv3sBJz3f8zZ84ZZJkHlpbDknJY5laWepRlHljkUZZ4MOZWlnpgua + / pExZ7FaWuJWFbtOPdsMSl7LYDYtcNtFOiC5TolzKIqeyyKVElSqLSiGqVJlXqkS4lMhSJaLUJtypLHBBRJES6VTCi5UFJTYLipX5TmVukTK72GZusRJWrMx2QlixElZkbFaxzexiZU6xMrNYmea0mVWkhBRDSLEyq1AJKYCZBcoMB4Q4lNB8mOpQAguUwAIIzleC8yEwXwnMV4LylUAHBOXBlDxlSq4SmKsE5ShTciEwVwnOgYlZNpOyYVKOMinb2IRsZaKvHZOtjMlXxuSa / qgcZWyWMi4DxmU 跨度>
    猜你喜欢
    • 2019-04-08
    • 1970-01-01
    • 1970-01-01
    • 2022-12-20
    • 2017-04-04
    • 2016-03-18
    • 2014-09-17
    • 1970-01-01
    • 2015-06-14
    相关资源
    最近更新 更多