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