ファイルを選択するときにファイルのフルパスを取得する方法<input type=‘file’>
<input type="file" id="fileUpload">
<script type="text/javascript">
function getFilePath(){
$('input[type=file]').change(function () {
var filePath=$('#fileUpload').val();
});
}
</script>
しかし、filePath 変数にはonly name、選択されたファイルが含まれていますが、 は含まれていませんfull path。
ネットで検索しましたが、セキュリティ上の理由から、ブラウザ (FF、Chrome) はファイル名のみを提供するようです。
選択したファイルの完全なパスを取得する他の方法はありますか?
ベストアンサー1
セキュリティ上の理由から、ブラウザはこれを許可していません。つまり、ブラウザの JavaScript はファイル システムにアクセスできません。ただし、HTML5 ファイル API を使用すると、Firefox のみがプロパティを提供しますmozFullPathが、値を取得しようとすると空の文字列が返されます。
$('input[type=file]').change(function () {
console.log(this.files[0].mozFullPath);
});
だから時間を無駄にしないでください。
編集: ファイルを読み取るためにファイルのパスが必要な場合は、ファイルリーダー代わりに API を使用してください。SO に関する関連する質問は次のとおりです。画像をアップロードする前にプレビューします。