画像プレビュー付きのアップロードフォームの完全な HTML
|
画像プレビュー機能付きのアップロードフォーム、完全なHTMLコードは次のとおりです。 <html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312"> <title>画像プレビュー機能付きアップロードフォーム jb51.net</title> <スクリプト> 関数 viewmypic(mypic,imgfile) { if (imgfile.value){ mypic.src=imgfile.value; スタイル 境界線を1にします。 } } </スクリプト> </head> <本文> <中央> <フォーム> <input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" /> <br /> </フォーム> <img name="showimg" id="showimg" src="" style="display:none;" alt="プレビュー画像" /> <br /> </div> <div style="display:none"> </div> </center> </本文> </html> |
<<: Zabbix ベースの Jenkins プロセス監視の詳細な説明
>>: 要素 UI に基づいてクエリ コンポーネントを段階的にカプセル化する方法
推薦する
mysql インストーラ ウェブ コミュニティ 5.7.21.0.msi インストール グラフィック チュートリアル
この記事の例では、Androidの9グリッド画像を表示するための具体的なコードを参考までに共有してい...
Vue ページ印刷で自動ページングを実装する 2 つの方法
この記事では、ページ印刷の自動ページングを実現するためのVueの具体的なコードを例として紹介します。...
Mysql通信プロトコルの詳細な説明
1.Mysql接続方法MySQL 通信プロトコルを理解するには、まず MySQL サーバーへの接続に...
jsはFileReaderを使用してローカルファイルまたはBLOBを読み取ります
目次FileReaderはローカルファイルまたはBLOBを読み取ります1. FileReaderの使...
LinuxでVIMエディタを使う方法
豊富なオプションを備えた強力なエディターとして、Vim は多くのユーザーに愛されています。この記事で...
Docker が elasticsearch を起動するときのメモリ不足の問題と解決策
質問Docker が elasticsearch をインストールして起動するときにメモリが不足するシ...
Navicat for MySQLのスケジュールされたデータベースバックアップとデータ復旧の詳細
データベースの変更または削除操作によってデータ エラーが発生したり、データベースがクラッシュしたりす...
React Nativeはモニタリングジェスチャーの上下プル効果を実現します
React Native は、プルアップとプルダウンの監視ジェスチャを実装します。詳細なコアコードは...
Centos7 での python3 のインストールとアンインストールに関するチュートリアル
1. Python 3をインストールする1. 依存パッケージをインストールしますyum instal...
js タグ構文の使用法の詳細
目次1. ラベルステートメントの紹介2. ラベルステートメントの使用序文：日常の開発では、プログラム...
MySQL5.7.17 winx64 インストール バージョン構成方法 Windows Server 2008 R2 でのグラフィック チュートリアル
参考までに、Winでmysql5.7をインストールします。具体的な内容は次のとおりです。 @Auth...
TypeScript マッピング型の詳細
目次1. マップされた型2. マッピング修飾子3. キーの再マッピング4. さらなる探究序文： Ty...
フレックスレイアウトは、1行あたりの固定行数と適応レイアウトを実現します。
この記事では、1行あたりの固定行数+アダプティブレイアウトを実現するフレックスレイアウトを紹介し、皆...
MySQL における USING と HAVING の使用法の簡単な分析
この記事では、例を使用して MySQL での USING と HAVING の使用方法を説明します。...
Webpack パッケージング CSS 背景画像パスの問題に対する完璧なソリューション
vue コンポーネントのスタイル タグ内には、背景画像を使用する次の CSS コードがあります。 背...