如何检查是否使用Jquery选择了文件

How to check if file was selected with Jquery?

本文关键字:Jquery 选择 文件 是否 何检查 检查      更新时间:2023-09-26

我似乎不明白为什么这不起作用。

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;"/>

这个问题似乎是重复的。

试试这个:

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