upload file name using jquery

Question

I am trying to send uploaded file name to another file if the size of the fileupload text is not zero. I tried below code and it didn't work. I want to send the file name if the browse button is clicked and file name is selected.. 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());
       }
   });
   });

Xavier · Accepted Answer · 2012-10-17 12:24:28Z

1

Hope this helps..

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

answered Oct 17, 2012 at 12:24

Xavier

1,7946 gold badges27 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Barrie Reader · Accepted Answer · 2012-10-17 12:18:29Z

Do you not mean [edited for better code]:

$(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());
      });
    }
  });
});

Or you could alleviate the need for $(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());
    });
  }
});

Michal Klouda · Accepted Answer · 2012-10-17 12:19:44Z

1

I suspect you wanted to trigger your handler on change and you wanted to check if a file was selected:

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

answered Oct 17, 2012 at 12:19

Michal Klouda

14.6k7 gold badges58 silver badges79 bronze badges

2 Comments

user1710288 Over a year ago

I want to send the file name if the browse button is clicked and file name is selected..

Michal Klouda Over a year ago

But those are two different events.. Click occurs after browse is clicked but before file is selected..

Collectives™ on Stack Overflow

upload file name using jquery

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related