PHP
フィールドを含むformulaire<form
を含むファイルがありfile
ます:
<input type="file" name="doc_fichier" maxlength="255" size="50">
。
でページを開くとFirefox
、このキャプチャされた画像に示すように、フィールドが適切に表示されます。
しかし、私がページを開くとGoogle Chrome
、私はこれを手に入れました:
Google Chrome
では、要素を正しく表示する方法はありますか?
PHP
フィールドを含むformulaire<form
を含むファイルがありfile
ます:
<input type="file" name="doc_fichier" maxlength="255" size="50">
。
でページを開くとFirefox
、このキャプチャされた画像に示すように、フィールドが適切に表示されます。
しかし、私がページを開くとGoogle Chrome
、私はこれを手に入れました:
Google Chrome
では、要素を正しく表示する方法はありますか?
ファイルフィールドを「正しく」表示する方法はありません。ブラウザに依存します。
スクリーンショットは、Chromeでファイルフィールドを表示するための標準的な方法です。
jQueryを使用している場合は、このプラグインをご覧ください-https://github.com/ajaxray/bootstrap-file-field
この小さなプラグインは、すべてのブラウザで同様に、ファイル入力フィールドをブートストラップボタン(構成可能なクラス付き)として表示し、選択したファイル名(または選択エラー)を美しく表示します。
さらに、単純なデータ属性またはJS設定を使用してさまざまな制限を設定できます。たとえば、data-file-types="image/jpeg,image/png"
jpgおよびpng画像以外のファイルタイプの選択を制限します。