Jqueryもしくはjavascriptを使用したスマートフォンのファイル名の取得方法

Question

Jqueryもしくはjavascriptを使用してスマホのフォトライブラリからファイル名を取得したいと考えていますができません。

PCでは取得できるのですが、スマートフォンでは毎回名前が変わってしまいできませんでした。どうすれば良いでしょうか。

HTML、CSS

<form id="messageform" action="" method="post" enctype="multipart/form-data"> 
<input type="file" id="upfile1" name="upfile1">
</form>

var file = document.getElementById('upfile1').files[0];
alert(file.name);

var file = $('#upfile1').prop('files')[0];
alert(file.name);

のどちらも名前が毎回変わってしまう。

Comments

[maisumakun]

ファイル名を取得して、何に使いたいのでしょうか。

[inari1973]

FILE APIを使用してファイルのサムネイルを表示したいです。

Answer 1

FILE APIを使用してファイルのサムネイルを表示したいです。

なら、ファイル名は不要です。files[0]から直接読み取ってください。

Comments

[inari1973]

ありがとございました。FILE APIがスマートフォンの時にうまく動かなかったので色々と調べていたところ、スマートフォンだけファイル名が毎回変わることに気づき、原因はファイル名がうまくとれていないことだと思ってしまいドツボにはまっていました。ファイル名は関係ないことを教えていただき、他の原因にきづくことができました。