如何在上傳jquery前獲取文件名？

Question

我得到它的工作，所以它可以顯示圖像，但我也想顯示文件名，但在HTML表單中的值。有可能這樣做嗎？

<script> 
    $(function() { 
      $(".stickybox").stickySidebar({ 
       speed: 200 
      }); 
      }); 
      function readURL(input) { 
       if (input.files && input.files[0]) { 
        var reader = new FileReader(); 

        reader.onload = function (e) { 
         $('#blah') 
          .attr('src', e.target.result) 
          .width(100) 
          .height(100); 
        }; 

        reader.readAsDataURL(input.files[0]); 
       } 
      } 
</script> 
      <form action="" enctype="multipart/form-data" method="post"> 
    <center> 
    <table> 
    <img id="blah" src="#" alt="your image" /> 
    <tr><td>image</td><td><input type="file" onchange="readURL(this)" name="image" /></td></tr> 
    <tr><td>Name:</td><td><input name="name" value="" type="text"/></td></tr> 
    <tr><td><input type="submit" value="upload"/></td></tr> 
    </table></center> 
    </form> 

Answer 1

您可以通過File對象

$('input[name=name]').val(input.files[0].name) 

https://developer.mozilla.org/en-US/docs/DOM/File