javascript - 如何检查是否使用 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();
     });
  });