[解決済み】<input type='file'> の変更時に選択されたファイルのフルパスを取得するには、javascript、jquery-ajaxを使用するにはどうすればよいですか?
2022-03-29 14:49:55
質問
を使用してファイルを選択する際に、ファイルのフルパスを取得する方法。
<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)はファイル名を出すだけのようです。
選択したファイルのフルパスを取得する他の方法はないのでしょうか?
解決方法は?
セキュリティ上の理由から、ブラウザはこれを許可していません。つまり、ブラウザの JavaScript はファイルシステムにアクセスできませんが、HTML5 File API を使用すると、Firefox だけは
mozFullPath
プロパティがありますが、その値を取得しようとすると空文字列が返されます。
$('input[type=file]').change(function () {
console.log(this.files[0].mozFullPath);
});
だから、時間を無駄にしないでください。
edit: ファイルを読み込む際にファイルのパスが必要な場合は ファイルリーダー APIで代用できます。SOの関連質問はこちらです。 画像をアップロードする前にプレビューする。
関連
-
[解決済み】Uncaught ReferenceError。Reactが定義されていない
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] JavaScriptでドロップダウンリストの選択値を取得する
-
[解決済み] jQueryを使ったAjaxリクエストの中断
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JavaScript "Uncaught TypeError: object is not a function" 連想性の質問
-
[解決済み】コンソールがUnterminated JSX contentsエラーを投げる【終了しました
-
[解決済み】SyntaxError: ChromeのJavascriptコンソールでUnexpected Identifierが発生する。
-
[解決済み】Redux TypeError: 未定義のプロパティ 'apply' を読み取れない
-
[解決済み】リソースはドキュメントと解釈されるが、MIMEタイプはapplication/zipで転送される
-
[解決済み】Kendo Observable Bindingと併用する場合、Kendo Switch Labelsを変更することは可能ですか?[Kendo-UI]です。
-
[解決済み】Uncaught ReferenceError。Firebase は定義されていません。
-
[解決済み】TypeError:res.jsonは関数ではありません。
-
[解決済み】TypeError: AngularJSで未定義のプロパティ'get'を読み取れない
-
[解決済み】module.exports "モジュールが定義されていません"