私はユーザーがファイルを選択する必要があるフォームを作成中です。私の質問は、ファイル名が完全に表示されるように、ユーザーがファイルを選択したときにどうすればいいのですか。たとえば、toto_tata.xlsという名前のファイルは、選択後に表示されるファイルtoto_tata.xlsの名前を表示できます。私はサイズで試しましたが、成功しませんでした。 は、ここに以下の私のinputタグの内容です：選択後にフルファイル名を表示
<input id="myFile" type="file" name="myFile"class="myFile" required="true"/>
あなたが100％に入力のCSS属性の幅を設定し、全体名を取得する必要があります。ここcodepenさ：https://codepen.io/Juanito/pen/yXdbaX
input {
width: 100%;
}
ありがとうございました。これはCSSのwidthプロパティで動作します。 – John
galdが手伝って！ –
はこのような何かを試してみてください：
<input type="file" id="fileUpload"><span class="show-file-name"></span>
$('input[type=file]').change(function() {
var fileName = $(this).val().match(/[^\\]*$/)[0];
$('.show-file-name').text(fileName);
})
あなたはspanにファイルの名前を取得します。残っている唯一のものは、短縮されたファイル名を削除することです。ここで
width: 100%;を追加することができます
CSSを使用
fiddleを進めています。例えば、
<input id="myFile" type="file" name="myFile"class="myFile" required="true" style="width: 100%;"/>
については
は、あなたの入力にスタイルを追加します。 <input id="myFile" type="file" name="myFile"class="myFile" required="true" style="width:100%;"/>これは私のために正常に動作します。
あなたは何を今すぐ取得しますか？ – onetwo12
ファイル名がtoto_tata.xlsの間に不完全なファイル名、例えばtoto..ta.xlsが得られます。ファイル名が不完全な場合は、名前全体が表示されません。完全な名前を見る利点は、間違ったファイルを選択した場合にユーザーにエラーが表示されることです。 – John
ファイル名が長い場合、フルネームは表示されません。しかし、それが短いと私は見ることができます。いずれにせよ、選択したファイルのフルネームを確認したい場合 – John