How to upload an image only to the block in which it was selected?

Question

JavaScript

The bottom line is that on the page with adding posts there is a button for adding another form for adding a post, and I need it so that when uploading a photo or video to one post, it does not appear in another

function readURL(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('.left-part-new-post').find('.preload-img').attr('src', e.target.result);
        };

        reader.readAsDataURL(input.files[0]);
    }
}
$(".add-file-post").change(function () {
    readURL(this);
    $('.main-form').remove();
});

Can you suggest any related sites?

Answer 1

The algorithm is something like this, just think a little and you can finish it to fit your needs.