javascriptを使用してファイル名をアップロードするようにテキストボックスの値を設定する方法は?

javasundaram

アップロードされたファイル名の値に基づいてテキストボックスの値を設定する方法。たとえば、test.zipのようなファイルをアップロードすると、テキストボックスに同じ値が影響します。以下のコードを試してみますが、解決策は得られませんか?

var filename= document.getElementById("file").value;
    <form>
     File: <input type="file" id="file" name="file"/>
     Upload File : <input type="text" value="'+filename+'"/>
    </form>
チョコ

このようなものを使用してください

  <script>
   function setfilename(val)
  {
    var fileName = val.substr(val.lastIndexOf("\\")+1, val.length);
   document.getElementById("filename").value = fileName;
  }
</script>
    <form>
     File: <input type="file" id="file" name="file" onchange="setfilename(this.value);"/>
     Upload File : <input type="text"  id="filename"/>
    </form>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Python Flask テキスト ボックスとアップロード ファイル機能の間にオプションを設定する方法は?

分類Dev

Apache Common fileuploadを使用してアップロードされたファイルのパスを「コンテキストパス」に設定する方法

分類Dev

ボタンをクリックすると、JavaScriptを使用してテキストフィールドの値をゼロに設定します

分類Dev

ドロップダウンリストJavaScriptを使用してテキストボックスのフォントサイズを設定する方法

分類Dev

jqueryダイアログ内の値でテキストボックスフィールドを設定する

分類Dev

c#を使用してテキストボックスまたはデータグリッドに.txtファイルの値を表示する方法

分類Dev

UItextfieldを使用してxamarinIOSでフォワードテキストボックスとバックワードテキストボックスのみにフォーカスを設定するにはどうすればよいですか?

分類Dev

アップロードされたテキストファイルの一部をjavascriptを使用してクリック可能にする

分類Dev

Codeigniterの異なるボタンを使用して、複数の画像とテキストファイルを1つのフォームにアップロードするにはどうすればよいですか?

分類Dev

反応テーブルのファイアストアの値に基づいてチェックボックスのデフォルト状態を設定するにはどうすればよいですか

分類Dev

DjangoバックエンドでClamavを使用してファイルアップロードストリームスキャンを設定する

分類Dev

ブロックアーキテクチャを使用してフラッターで設定ファイルにアクセスする方法

分類Dev

Pythonを使用してテキストファイルをアップロードする方法-ディスクに書き込まずにリクエスト

分類Dev

テキストボックスの値を使用してラジオボタンに値を設定するにはどうすればよいですか

分類Dev

HTMLDOM:jqueryまたはjavascriptを使用してアップロードボタンからテキスト「選択されたファイル」を変更するにはどうすればよいですか?

分類Dev

Androidを使用してテキストファイルをGoogleドライブにアップロードする

分類Dev

プレースホルダーを使用して、ブートストラップモデルに表示されるテキストボックスに値を設定するにはどうすればよいですか。

分類Dev

JavaScriptを使用してHTMLドロップダウンにテキストファイルを入力するにはどうすればよいですか?

分類Dev

チェックボックスの値を取得してテキストファイルに保存するにはどうすればよいですか?

分類Dev

[ファイルのダウンロード]ダイアログボックスを使用せずに、WebBrowserコントロールを使用してファイルをダウンロードするにはどうすればよいですか?

分類Dev

jQuery UIダイアログが最初のテキストボックスにフォーカスを設定しないようにする

分類Dev

キーファイルでパテバッチスクリプトを使用してリモートドロップレットにアクセスするにはどうすればよいですか?

分類Dev

グリッドビューに空のテキストボックスを追加し、入力値を取得してテキストファイルに保存するにはどうすればよいですか?

分類Dev

sftpを使用してアップロードするときに、ファイルのアクセス許可を自動的に設定するにはどうすればよいですか。

分類Dev

Djangoを介してアップロードされたテキストファイルを表示するにはどうすればよいですか?

分類Dev

Highchartsを使用してテキストボックスからグラフに動的な値を設定するにはどうすればよいですか?

分類Dev

グリッドビューテンプレートフィールドの境界フィールドにテキストボックスのフォントサイズを設定するにはどうすればよいですか?

分類Dev

正しいユーザー名とパスワードのテキストボックスを設定するにはどうすればよいですか?

分類Dev

インストール前にネットワークアダプターの名前を取得して、自動インストーラー構成ファイル(Ubuntu 20.04)に設定するにはどうすればよいですか?

Related 関連記事

  1. 1

    Python Flask テキスト ボックスとアップロード ファイル機能の間にオプションを設定する方法は?

  2. 2

    Apache Common fileuploadを使用してアップロードされたファイルのパスを「コンテキストパス」に設定する方法

  3. 3

    ボタンをクリックすると、JavaScriptを使用してテキストフィールドの値をゼロに設定します

  4. 4

    ドロップダウンリストJavaScriptを使用してテキストボックスのフォントサイズを設定する方法

  5. 5

    jqueryダイアログ内の値でテキストボックスフィールドを設定する

  6. 6

    c#を使用してテキストボックスまたはデータグリッドに.txtファイルの値を表示する方法

  7. 7

    UItextfieldを使用してxamarinIOSでフォワードテキストボックスとバックワードテキストボックスのみにフォーカスを設定するにはどうすればよいですか?

  8. 8

    アップロードされたテキストファイルの一部をjavascriptを使用してクリック可能にする

  9. 9

    Codeigniterの異なるボタンを使用して、複数の画像とテキストファイルを1つのフォームにアップロードするにはどうすればよいですか?

  10. 10

    反応テーブルのファイアストアの値に基づいてチェックボックスのデフォルト状態を設定するにはどうすればよいですか

  11. 11

    DjangoバックエンドでClamavを使用してファイルアップロードストリームスキャンを設定する

  12. 12

    ブロックアーキテクチャを使用してフラッターで設定ファイルにアクセスする方法

  13. 13

    Pythonを使用してテキストファイルをアップロードする方法-ディスクに書き込まずにリクエスト

  14. 14

    テキストボックスの値を使用してラジオボタンに値を設定するにはどうすればよいですか

  15. 15

    HTMLDOM:jqueryまたはjavascriptを使用してアップロードボタンからテキスト「選択されたファイル」を変更するにはどうすればよいですか?

  16. 16

    Androidを使用してテキストファイルをGoogleドライブにアップロードする

  17. 17

    プレースホルダーを使用して、ブートストラップモデルに表示されるテキストボックスに値を設定するにはどうすればよいですか。

  18. 18

    JavaScriptを使用してHTMLドロップダウンにテキストファイルを入力するにはどうすればよいですか?

  19. 19

    チェックボックスの値を取得してテキストファイルに保存するにはどうすればよいですか?

  20. 20

    [ファイルのダウンロード]ダイアログボックスを使用せずに、WebBrowserコントロールを使用してファイルをダウンロードするにはどうすればよいですか?

  21. 21

    jQuery UIダイアログが最初のテキストボックスにフォーカスを設定しないようにする

  22. 22

    キーファイルでパテバッチスクリプトを使用してリモートドロップレットにアクセスするにはどうすればよいですか?

  23. 23

    グリッドビューに空のテキストボックスを追加し、入力値を取得してテキストファイルに保存するにはどうすればよいですか?

  24. 24

    sftpを使用してアップロードするときに、ファイルのアクセス許可を自動的に設定するにはどうすればよいですか。

  25. 25

    Djangoを介してアップロードされたテキストファイルを表示するにはどうすればよいですか?

  26. 26

    Highchartsを使用してテキストボックスからグラフに動的な値を設定するにはどうすればよいですか?

  27. 27

    グリッドビューテンプレートフィールドの境界フィールドにテキストボックスのフォントサイズを設定するにはどうすればよいですか?

  28. 28

    正しいユーザー名とパスワードのテキストボックスを設定するにはどうすればよいですか?

  29. 29

    インストール前にネットワークアダプターの名前を取得して、自動インストーラー構成ファイル(Ubuntu 20.04)に設定するにはどうすればよいですか?

ホットタグ

アーカイブ