Ajaxアップロードの削除ボタン

私はjspでajax uploadを使用しています。それはうまくいくのですが、私は各ファイルまたは少なくともすべてのファイルに対して削除ボタンを追加したいと思います。これは私のコードです：Ajaxアップロードの削除ボタン

<script type="text/javascript"> 
    $(function() { 
     var btnUpload = $('#upload'); 
     var status = $('#status'); 
     new AjaxUpload(btnUpload, { 
      action: 'uploadServlet', 
      name: 'uploadfile', 
      onSubmit: function (file, ext) { 
       if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))) { 
        // extension is not allowed 
        status.text('Only JPG, PNG or GIF files are allowed'); 
        return false; 
       } 
       status.text('Uploading...'); 
      }, 
      onComplete: function (file, response) { 
       //On completion clear the status 
       status.text(''); 
       $('<li></li>').appendTo('#files').html('<img src="./uploads/' + file + '" alt="" height="40" width="40"/><br />' + file).addClass('success'); 

      } 
     }); 

    }); 
</script> 

<div id="mainbody"> 
    <h3>&raquo; AJAX File Upload Form Using jQuery</h3> 
    <!-- Upload Button, use 
    any id you wish--> 
    <div id="upload"> 
     <span>Upload File 
      <span> 
    </div> 
    <span id="status"></span> 
    <ul id="files"></ul> 
</div>

出典

2012-05-06 Baimd

これはどのように誤解されますか。クライアント側のコードでサーバー上のファイルを削除することはできません。 –

私は、ある人が間違いでファイルをアップロードし、それを削除（キャンセル）して別のファイルをアップロードしたいと思うのですが、どうしたらいいですか？だから、私は間違ったファイルを削除するためにクライアントのための別のボタンを追加するだけです。どのように私はajaxuploadでそれを行うことができます。 – Baimd

ファイルを削除するサーバーメソッドを呼び出すDeleteボタンを追加します。このボタンには、ajax機能もあります。 –

私は解決策を見つけました。私はサーブレットを作成し、jqueryを使用しました。

    $('ul').on("click","#delete",function(){      
       var del=$(this).parent(); 
       $filename = del.text();     
       del.fadeOut('slow', function() { del.remove(); }); 
       $.post("deleteServlet", {filename:$filename}, function() {}); 
      });

出典

2012-05-08 02:59:24 Baimd

Ajaxアップロードの削除ボタン

答えて

関連する問題