jquery - jqueryを使用してファイル名をアップロードする

Question

fileuploadテキストのサイズがゼロでない場合、アップロードされたファイル名を別のファイルに送信しようとしています。以下のコードを試しましたが、機能しませんでした。参照ボタンがクリックされ、ファイル名が選択された場合にファイル名を送信したい.. help plz？

<input type="file" name="fileupload" id="fileupload" value=""> 


   $(document).ready(function () {
   $("#fileupload").click(function(){

       if(fileupload>0)
       {      
    $.post("ReadExcel.jsp", {"filename": $("#fileupload").val()});
    $.post("ReadExcel.jsp", {"processId": processId });
    alert($("#fileupload").val());
       }
   });
   });

Answer 1

ハンドラーをトリガーしたいとchange考えており、ファイルが選択されているかどうかを確認したいと考えています。

$("#fileupload").change(function() {
   if($("#fileupload").val().length > 0) {      
       $.post("ReadExcel.jsp", {"filename": $("#fileupload").val()});
       $.post("ReadExcel.jsp", {"processId": processId });
       alert($("#fileupload").val());
   }
});

Answer 2

[より良いコードのために編集された]という意味ではありませんか:

$(document).ready(function () {
  $("#fileupload").click(function(){
    var valueLength = $(this).val().length;
    if(valueLength > 0) {      
      $.post("ReadExcel.jsp", {
        "filename": $(this).val(),
        "processId": processId
      },
      success: function(data) {
        alert($(this).val());
      });
    }
  });
});

または、次の必要性を軽減できます$(document).ready()。

$("#fileupload").on('click', function(){
  var valueLength = $(this).val().length;
  if(valueLength > 0) {      
    $.post("ReadExcel.jsp", {
      "filename": $(this).val(),
      "processId": processId
    },
    success: function(data) {
      alert($(this).val());
    });
  }
});

Answer 3

お役に立てれば..

$("#fileupload").change(function() {
       if($("#fileupload").val().length > 0) {      
           $.post("ReadExcel.jsp", {"filename": $("#fileupload").val()});
           $.post("ReadExcel.jsp", {"processId": processId });
           alert($(this).val());
       }
    });