javascript - javascriptでファイル入力タグからパスを取得する方法

Question

入力タグを使ってファイルを閲覧して取得したファイルパスにアクセスしたい。パスを表示したい。

Answer 1

jquery を使用した例を次に示します。

<input type="file" id="input" />

$(document).ready(function() {
    $("#input").on("change", function() {
        alert($(this).val());
    });
});

つまり、$(this).val() にはファイル パスが含まれます。

これはjsfiddleの例ですhttp://jsfiddle.net/krasimir/uwaf2/

Answer 2

から

jQueryを使用して、パスなしでファイル入力の選択されたファイル名を取得します

$('input[type=file]').val()

var filename = $('input[type=file]').val().split('\\').pop();

または、単に行うこともできます (セキュリティ上の理由で追加されるのは常に C:\fakepath であるため):

var filename = $('input[type=file]').val().replace(/C:\\fakepath\\/i, '')

jQueryを使用したファイル入力からのフルパス

セキュリティ上の理由により、js で完全なファイル パスを読み取ることはできません。