想要使用javascript向该代码添加一个删除图像

want to add a delete image to this code, using javascript

本文关键字：一个 图像 删除 添加 代码 javascript      更新时间：2023-09-26
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);

您可以执行以下操作：：

function addImage(parentEle) {
 var img = document.createElement("IMG");
 img.setAttribute('src',"Your_image_src_here");
 img.style.position = 'absolute';
 img.style.top = '4px'; 
 img.style.right = '5px'; 
 parentEle.appendChild(img);
}

和

span.innerHTML = ['<img class="thumb" src="', e.target.result,
                        '" title="', escape(theFile.name), '"/>'].join('');
//call the function
addImage(span);
document.getElementById('list').insertBefore(span, null);
相关文章：