javascript - Dropzone.js CSS

标签 javascript css dropzone.js

我有一个由 dropzone.js 上传的文件。我将下一个代码添加到我的 JS 中:

 thumbnail: function(file, dataUrl) {
    var thumbnail = $('.dropzone .dz-preview.dz-file-preview .dz-image:last');
    thumbnail.css('background', 'url('+dataUrl+')');
    var $fotoramaDiv = $('.fotorama').fotorama();
    var fotorama = $fotoramaDiv.data('fotorama');
    fotorama.push({img: dataUrl, thumb:dataUrl});   
 }

我只有一个问题 - 当我同时上传多张图片时,我只会得到最后一张图片。

image

如果我删除 :last 就会出现这种情况 image2

我该如何解决这个问题?

已解决!

最佳答案

您的thumbnail 选择器 $('.dropzone .dz-preview.dz-file-preview .dz-image:last'); 仅被引用到 :last 元素。您应该删除 :last 伪类。

关于javascript - Dropzone.js CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41677603/

相关文章:

php - Dropzone上传图片并将所有图片序列化为一份数据保存

javascript - 如何在 Django 中应用 csrf_token

javascript - 从 jscript 中的值查找属性名称

javascript - 为什么 ng-class-even 需要额外的引号

javascript - React + d3 具有不同数据的多个图表组件

javascript - HTML/CSS/JS 想给一组对象上色然后重新给其中一个上色?

javascript - 以更简洁的方式声明 javascript 静态方法

javascript - 在 React 中通过 props 或 state 更新样式时如何避免重新渲染子项?

javascript - 如何在 Javascript 函数中添加延迟

php - 如何在 Laravel 5.6 中修复图像输入值 "null"?