Question

我使用以下代码将图像附加到我的div：

$(function() {

var imagesPreview = function(input, placetoinsert) {

    if (input.files) {
        var filesAmount = input.files.length;

        for (i = 0; i < filesAmount; i++) {
            var reader = new FileReader();
            if (i>=5) {
                break;
            }
            reader.onload = function(event) {
                $($.parseHTML('<img>')).attr('src', event.target.result).appendTo('.preview').addClass('added_images');

            }
            reader.readAsDataURL(input.files[i]);
        }
    }
};

$('#gallery-photo-add').on('change', function() {
    imagesPreview(this, 'div.gallery');
});
});

我在视图中从输入文件字段获取的图像。现在我想为每个图像添加另一个图像，如“删除”。我怎么能这样做？我的div现在是空的：

<div class="preview">

            </div>

Answer 1

我只需创建所需的html，然后使用以下内容：

$($.parseHTML('<div class="someClass">close</div>')).appendTo('.preview');

然后只是听

$('.someClass').click(function(){
    // do stuff
});

如何将删除图标添加到附加图像

1 个答案: