html - 如何在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 对象的 name 属性访问文件名

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

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