从dropbox动态创建的库的js代码,使用createElement的片段不起作用

时间:2016-04-17 15:55:45

标签: javascript jquery html

我打算在放入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++;
},

......代码的其余部分

如果有人能指出我的错误会很好,因为我完全不知道我做错了什么。

0 个答案:

没有答案