0

我有选择文件后显示图像的代码。但是,我不知道如何删除显示图像。所以,我想在每张图片上都有一个删除按钮,这样用户就可以很容易地删除它。该怎么办?

<div id="list" style="width:800px;border:1pt solid black"></div>
  <script>
        var x = 0;
        var y = 0;
        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++) {


        if(x > 9)
        {
            alert('Total of 10 Images are acceptable');
        }
        else
        {

          // 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 = ['<div id="image"><img class="thumb" src="', e.target.result,
                                '" title="', escape(theFile.name), '"/></div>'].join('');
              document.getElementById('list').insertBefore(span, null);   
            };
          })(f);

          // Read in the image file as a data URL.
          reader.readAsDataURL(f);
        }
        }
        y = i + x;
        x = 0 + y;
        i = 0;  
    }
      document.getElementById('files').addEventListener('change', handleFileSelect, false);
4

1 回答 1

0

如果你想做ajax:

  1. 添加 1onclick="deleteImg('img id 或其他')";1

  2. 创建 JavaScript 函数deleteImg

    function deleteImg(par){
       // do ajax POST to delete image from db
    }
    
  3. 根据您可以.hide()对图像做出的回应

于 2013-01-08T12:28:31.653 回答