概要
htmlで<input type=”file”>のファイルアップロードの要素を、iPhone等のios端末でタップしたときに表示されるメッセージを変更したいことがあったので、このメッセージを変更したり、メッセージ項目を非表示にしたりすることができるのかを調べてみました。
結果
色々調べた結果、ios側の問題のため、メッセージをカスタマイズすることは難しいという情報が多く、できないのではないかと判断しました。
参考サイトとして、teratailや、stackoverflowの記事を参考にしましたが、結局解決には至っていませんでした。
- https://teratail.com/questions/55122
- https://stackoverflow.com/questions/38771870/show-only-valid-actions-on-file-input-click-on-mobile-devices
一部はメッセージを変更できる
メッセージはカスタマイズできないとは言いましたが、一部のみ変更を加えることができます。
それは、「写真またはビデオを撮る」というメッセージを「写真を撮る」のメッセージに変更することができます。
通常は、以下のような表示になります。
しかし、inputタグのaccept属性で、以下のように画像ファイルのみに制限すると、
「写真を撮る」のメッセージに変更されます。
<input type="file" accept="image/png, image/jpeg" />
