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. add 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 に答える