Remove uploaded files using javascript

I'm working on a house renting website, and in "submit property" page I have a input file (multiple) to upload the house images with an output to show the selected images.

My code :

add.ctp

<label>Images</label>
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>

upload.js

function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object

    // Loop through the FileList and render image files as thumbnails.
    for (var i = 0, f; f = files[i]; i++) {

        // Only process image files.
        if (!f.type.match('image.*')) {
            continue;
        }

        var reader = new FileReader();

        // Closure to capture the file information.
        reader.onload = (function (theFile) {
            return function (e) {
                // Render thumbnail.
                var span = document.createElement('span');
                span.innerHTML = ['<img class="thumb"  src="', e.target.result,
                    '" title="', escape(theFile.name), '"/>'].join('');
                document.getElementById('list').insertBefore(span, null);

            };
        })(f);

        // Read in the image file as a data URL.
        reader.readAsDataURL(f);
    }
}

document.getElementById('files').addEventListener('change', handleFileSelect, false);

What I want is to add a button inside the output to delete the selected image if I want to change them.

And in edit page, load the selected images from the folder and delete them if wanted.