我打算在放入Dropbox的图片周围动态添加具有特定类属性的<div>
元素。例如,当我将五个.jpg放入我的Dropbox时,所有应该添加到imagesContainer(也是div元素),并且每个都应该在一个单独的div元素<div class="xyz">
问题是,当我将它们全部添加到一个容器时,它可以很好地工作但是当我希望每张图片出现在某个类的单独div元素中时它会拒绝工作而我不知道为什么?
[].forEach.call(files, function(file) {
if(file.type.match("image.*")) {
this.generateThumbnail(file);
this.addToUploadList(file);
this.getElementById(filesAdded);
}
}.bind(this));
this.removeHover();
},
generateThumbnail: function(file) {
var reader = new FileReader(),
img = new Image();
reader.onload = function() {
img.src = reader.result;
}
reader.readAsDataURL(file);
this.imagesContainer.createElement("div", {"class":"mySlides_fade"}, [img]);
//this.imagesContainer.appendChild(img); <- when I use this instead of above all works good.
},
addToUploadList: function(file) {
this.formData.append("images[]", file);
this.filesAdded++;
},
......代码的其余部分
如果有人能指出我的错误会很好,因为我完全不知道我做错了什么。