ファイルアップロードボタンをクリックしてdivを非表示にする

vinay

私はその機能が必要です

デフォルトで画像が表示される場所

{input type="file"}その画像を使用しアップロードされたファイルが非表示になる場合

http://jsfiddle.net/vVsAn/1/

<div id='browse-img-sh'><img src="https://cdn4.iconfinder.com/data/icons/Pretty_office_icon_part_2/64/man.png" /></div>    
<input name="" type="file">
ヌルスルタンザルリック
jQuery(document).ready(function(){
    jQuery('#hideshow').live('click', function(event) {        

        if (window.File && window.FileReader && window.FileList && window.Blob)
        {
            if (jQuery('#file_input')[0].files[0] != undefined) {
                jQuery('#content').toggle('show');
            }
        }
        else {
            console.log("File API is not supported");
        }
    });
});

これはあなたを助けることができると思います。

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

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

編集
0

コメントを追加

0

関連記事

ドットファイルをシンボリックリンクして非表示にする

ファイルアップロードボタンをクリックしてから遅れますか?

ボタンクリックでファイルをアップロードする前に、日付、地域を確認してください

カスタムボタンをクリックする前にファイルをアップロードし、ajaxを使用してそれをコントローラーアクションメソッドに送信する方法はありますか?

カスタムリンク構造を使用してSquarespaceにファイルをアップロードする

{マルチドラッグアンドドロップ}アップロード前に各ファイルのコンボボックスを表示する方法

アップロード ボタンの横に表示される、ファイルのアップロード後にアップロードされたファイル名の文字列を非表示にします。

ボタンクリックでカールを使用してファイルをダウンロードする

pluploadの参照ボタンをクリックしたときにファイルをアップロードすることは可能ですか?

vuejsアプリのボタンクリックでjsonファイルをダウンロードする方法

ファイルアップロードボタンの横に表示される「ファイルが選択されていません」からクリックイベントを削除する方法

Flask:ボタンをクリックしてcsvファイルをダウンロードする

ボタン(asp.net)をクリックしてファイルをダウンロードする方法は?

ボタンをクリックしてファイルをダウンロードする方法(Android Studio)

GeckoWebBrowserを使用してHTMLボタンクリックでファイルをダウンロードする

アクションボタンを使用してcsvファイルをアップロードし、corrplotを表示します

ボタンをクリックすると、「document.createElement( 'script')」を使用してロードされているJSファイルをスワップします。

Multerを使用してMERNスタックアプリケーションに画像ファイルをアップロードする方法

qtip 内側のボタンをクリックしてツールチップを非表示にする

ボタンをクリックしながらmvcでjqueryファイルをアップロード

cURLコマンドラインを使用して、リンクが非表示になっているファイルをダウンロードする方法(クリック時にのみアクティブ化)

ボタンはクリック時にインデックスファイルをロードします

子ボタンをクリックしてdivを非表示にする方法

CSSスタイルのファイルアップロードボタンのクローンを作成する

データ非表示ボタンをクリックしたときにブートストラップモーダルのすべての入力フィールドをクリアする方法は?

エラーを表示してファイルをアップロードするか、deボタンを無効にします

スクリプトからファイルがアップロードされていないときに [送信] ボタンを防止する方法は?

phpを使用してファイルをimgurにアップロードし、リンクを取得します

クリックする前に画像を表示してAngular9でファイルをアップロードしますか?

TOP 一覧

  1. 1

    Unity:未知のスクリプトをGameObject(カスタムエディター)に動的にアタッチする方法

  2. 2

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  3. 3

    Ansibleで複数行のシェルスクリプトを実行する方法

  4. 4

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  5. 5

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  6. 6

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  7. 7

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  8. 8

    Chromeウェブアプリのウェブビューの高さの問題

  9. 9

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  10. 10

    Windows 10の起動時間:以前は20秒でしたが、現在は6〜8倍になっています

  11. 11

    Reactでclsxを使用する方法

  12. 12

    ファイル内の2つのマーカー間のテキストを、別のファイルのテキストのセクションに置き換えるにはどうすればよいですか?

  13. 13

    MLでのデータ前処理の背後にある直感

  14. 14

    グラフからテーブルに条件付き書式を適用するにはどうすればよいですか?

  15. 15

    Pythonを使用して同じ列の同じ値の間の時差を取得する方法

  16. 16

    mutate_allとifelseを組み合わせるにはどうすればよいですか

  17. 17

    ネットワークグラフで、ネットワークコンポーネントにカーソルを合わせたときに、それらを強調表示するにはどうすればよいですか?

  18. 18

    テキストフィールドの値に基づいて UIslider を移動します

  19. 19

    BLOBストレージからデータを読み取り、Azure関数アプリを使用してデータにアクセスする方法

  20. 20

    PowerShellの分割ファイルへのヘッダーの追加

  21. 21

    ソートされた検索、ターゲット値未満の数をカウント

ホットタグ

アーカイブ