2

画像を表示できるように動作させましたが、ファイル名も表示したいのですが、値として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>
4

1 に答える 1

3

nameFile オブジェクトのプロパティを介してファイル名にアクセスできます。

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

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

于 2012-09-05T05:38:42.073 に答える