2

サーバーによってアップロードされる前に、Javascript または jQuery を使用してファイルの名前を表示したいと考えています。私はそれについて調査しましたが、代わりに、アップロードする前に画像をプレビューする方法を学びました。ただし、アップロードしたいファイルは画像ではない可能性があるため、名前を表示する必要があります。

画像のプレビューを表示するコードは次のとおりです。代わりに名前を表示するように変更できますか?:

HTML:

<form method="post" name="form" enctype="multipart/form-data">
 <input type="file" name="attachment" onchange="read_input(this);" />
</form>

Javascript + jQuery:

function read_input(input) {

    if (input.files && input.files[0]) {

        var reader = new FileReader();

        reader.onload = function (e) {

            result = e.target.result;

            $(".attachment").html('<img src="'+result+'" alt="preview" />');

        }

        reader.readAsDataURL(input.files[0]);

    }

}
4

1 に答える 1

3 
document.getElementById('upload').onchange = uploadOnChange;

function uploadOnChange() {
    var filename = this.value;
    var lastIndex = filename.lastIndexOf("\\");
    if (lastIndex >= 0) {
        filename = filename.substring(lastIndex + 1);
    }
    document.getElementById('filename').value = filename;
}
于 2013-03-10T09:56:36.217 に答える