如何检查文件是否被Jquery选中？

Question

我似乎无法找出为什么这不起作用。

photoVal总是等于什么。所以背景我永远不会消失。当我选择一个文件不应该改变值？

Jquery的

$(document).ready(function() {
   $('.browsebutton').bind("click" , function () {
        $('#uploadphoto').click();
   });

var photoVal = $('#uploadphoto').val();

    $('#uploadphoto').change(function(){
        alert(photoVal);
    });

    if (photoVal !== ''){
        $('#photo').css('background', 'none');
    }
});

HTML

<div id="photo">
     <img id="preview" src="#" alt="Image Preview" />
</div>
<br>
<div id="browse">
     <button type="button" class="browsebutton">Add Photo</button>
</div>
<input type="file" id="uploadphoto" name="uploadphoto" style="display: none;"/>

Answer 1

这个问题似乎是重复的。

试试这个：

$(function() {
     $("#uploadphoto").change(function (){
       var file_name = $(this).val();
     });
  });