方法一：
`` `HTML：実行
<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>タイトル</ TITLE>
</ HEAD>
<BODY>
<DIV CLASS = "場所">
<span>の位置：</ span>の
<ULクラス= "placeul">
<LI> <a href="#">首页する</a>ます。</ li>
<LI> <A HREF = "＃">系统-设备信息する</a>ます。</ li>
</ ulの>
</ div>
<divのクラス= "デバイス情報">
<ulのクラス= "詳細">
<LIクラス= "アイテム">名称：<スパンID = "名前">工业监测审计系统</ span>の</ LI>
<LIクラス= "項目">型号<スパンID = "タイプ"> INA-200 </スパン> </ LI>
<LIクラス= "項目">硬件版本：<スパンID = "hardwareVersion 「> INA-200-V1802005C </ span>を</ LI>
<LIクラス= "項目">软件版本：<スパンID = "softwareVersion"> V2.0 </スパン>
<フォームメソッド= "POST"のenctype = "マルチパート/フォームデータ" ACTION = "" ID = "形">
の<input type ="提出」値= "升级"クラス= "updateGrade">
の<input type = "ファイル" NAME = "ファイル" ID = "groupUuid">
</ FORM>
</ LI>
<LIクラス= "項目">序列号：<スパンID = "のserialNumber"> CY18-NA2B-A018-5081 </スパン> </ LI>
<LIクラス= "項目">制造商<スパンID = "メーカー">科技（北京）有限公司</スパン> </ LI>
<LIクラス= "項目">ファクトリー発売日：<スパンのid = "productionDate" > 2018インディアン2越10 Riを</ span>を</ LI>
</ UL>
</ div>
</ BODY>
</ HTML>
`` `
メソッド2：
` ` HTML `：RUN
<DOCTYPE HTMLの！>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>タイトル</ TITLE>
<リンクのhref = "../静的/ CSS / style.cssに" REL = "スタイルシート"タイプ= "テキスト/ cssの" />
<リンクのhref = "../静的/ CSS / style_qc.css"のrel = "スタイルシート"タイプ= "テキスト/ cssの" />
ます。<script type = "text / javascriptの" SRC = "../静的/のJS / jquery.min.js "> </ SCRIPT>
</ HEAD>
<BODY>
<DIV CLASS ="場所">
<span>の位置：</ span>の
<ULクラス=" placeul" >
<LI> <a href="#">首页</a>に</ LI>
<LI> <a href="#">システム-デバイス情報</a>の</ LI>
</ UL>
</ div>
<divのクラス= "デバイス情報">
<ULクラス= "詳細">
<李クラス= "項目">名前：<スパンID = "名前">産業用モニタリング監査システム</ span>を</ LI>
<LIクラス= "項目">型号<スパンID = "タイプ"> INA-200 </スパン> </ LI>
<LIクラス= "項目">硬件版本：<スパンID = "hardwareVersion"> INA- 200 V1802005C </スパン> </ LI>
<LIクラス= "項目">软件版本：<スパンID = "softwareVersion"> V2.0 </スパン>
<フォームID = "uploadForm"のenctype = "マルチパート/フォーム-data ">
<入力されたID ="ファイル」タイプ= "ファイル" NAME = "ファイル" />
<ボタンID = "升级> ""タイプ="ボタンをアップロード</ボタン>
</ FORM>
</ LI>
<李クラス= "アイテム">序列号：<スパンID = "serialNumberを">NA2B-A018-5081-CY18 </スパン> </ LI>
<LIクラス= "項目">メーカー：<スパンID = "メーカー" > 技術（北京）有限公司</スパン> </ LI>
<LIクラス= "項目">製造日：<スパンID = "productionDate" > 2018 インディアン2越10 Riを</スパン> </ LI>
</ UL>
</ div>
</ BODY>
</ HTML>
ます。<script type = "text / javascriptの">
$（関数（）{
$アヤックス（{
タイプ： '取得'、
データ： "system_deviceInformation"、
URL：「/システム/のdevinfo / GETINFO 」
成功：機能（データ）{
$（ "＃名"）HTML（data.name）;
$（ "＃型"）HTML（data.type）;
$（ "＃のhardwareVersion"）HTML（データ。 .hardwareVersion）;
$（ "＃のsoftwareVersion"）HTML（data.softwareVersion）;
$（ "＃1のserialNumber"）HTML（data.serialNumber）;
$（ "＃メーカー"）HTML（data.manufacturer）。
$（ "＃productionDate"）HTML（data.productionDate）。
}
}）。
。$（ "＃アップロード"）をクリックします（関数（）{
$アヤックス（{
URL： './template'、
タイプ'POST'、
キャッシュ：偽、
データ：新しいいるFormData（$（ '＃のuploadForm'）[ 0]）、
PROCESSDATA：偽
のcontentType：偽
}）完了（関数（RES）{
にconsole.log（1111）
。}）失敗（関数（RES）{
にconsole.log（222）
}）;
}）
}） ;
</スクリプト>
`` `
方法三： `
`` HTML：実行
<！DOCTYPE HTML>
<HTML LANG = "EN">
<メタ文字セット= "UTF-8">
<タイトル>网站后台管理系统HTML模板-模板之家www.cssmoban.comを</ TITLE>
<リンクのhref =」../../静的/ CSS /スタイル。 CSS "のrel = "スタイルシート"タイプ= "テキスト/ cssの"/>
<リンクのhref =" ../../静的/ CSS / style_qc.css」のrel = "スタイルシート"タイプ= "テキスト/ cssの" />
<スクリプトタイプ= "テキスト/ javascriptの" SRC = "../../静的/ JS / jquery.min.js "> </ SCRIPT>
ます。<script type =" text / javascriptの" SRC =」../../静的/ JS / jquery.uploadify.js "> </ SCRIPT>
</ HEAD>
<BODY>
<DIV CLASS ="場所">
<span>の位置：</ span>の
<ULクラス=" placeul ">
<LI> <HREF = "＃">首页する</a>ます。</ li>
<LI> <a href="#">系统-设备信息する</a>ます。</ li>
</ ulの>
</ div>
<divのクラス= "デバイス情報">
<ulのクラス= "詳細">
<LIクラス= "項目">名称：<スパンID = "名前">工业监测审计系统</スパン> </ LI>
<LIクラス= "項目">型号<スパンID = "タイプ"> INA- 200 </スパン> </ LI>
<LIクラス= "項目">硬件版本：<スパンID = "hardwareVersion"> INA-200-V1802005C </スパン> </ LI>
<LIクラス= "項目">软件版本：<スパンID = "softwareVersion"> V2.0 </スパン>
の<input type = "ファイル" NAME = "file_upload" ID = "file_upload">
</ LI>
<LIクラス= "項目">序列号。 <スパンID = "のserialNumber"> CY18-NA2B-A018-5081 </スパン> </ LI>
<LIクラス= "項目">制造商<スパンID =」メーカー">ロング・ヤン技術（北京）有限公司</スパン> </ LI>
<LIクラス="項目">製造日：<スパンID =" productionDate " > 2018 インディアン2越10 Riを</スパン> </ LI>
</ UL>
</ div>
</ BODY>
</ HTML>
<スクリプトタイプ= "テキスト/ JavaScriptを">
$（関数（）{
$（ '＃のfile_upload'）Uploadify（{。
」../../static/js/uploadify.swf '：uploadify.swfのパス'uploadify.swf'、// swfファイル
' /システム/れたdevinfo / GETINFO '： ' devinfo.py「// アップローダスプーラのパス
}）;
}）;
</ SCRIPT>
`` `
取り付けられ、提出する提出します。ソース、HTTPSは：//www.cnblogs.com/Jxwz/p/4509618.htmlは
、タグのアクション（提出アドレス）と方法（ポスト）を形成し、提出することを追加したボタン（の<input type =「提出」 > ）、各ラベルは、name属性を持っている必要が提出するために必要な入力データを提出することができます。
HTML `` `
<アクションフォーム= 'HTTP：//www.123.com/postValue'メソッド= 'POST'>
<INPUTタイプ= 'テキスト'名= 'ユーザ名' />
<INPUTタイプ= 'パスワードの' name = 'パスワード' />
<INPUTタイプ=値= "ログイン"を"送信" />
あなたが着陸をクリックすると、サーバーへのデータの発生があります。username =ユーザ名＆パスワード=パスワード。通常、ページジャンプのためにこのデフォルトの提出、（現在のページに失敗したジャンプ）。そして、時には私たちが提出した右ポップアップボックスのデータがポップアップボックスとブラシ選択された親ページオフ成功したターンを提出したいと思い、ある、失敗は失敗の理由を促され、ポップアップボックスが閉じません。この時点で、データは、Ajaxを使用して提出することができます。
45個の小さなファイル（全体的な）先端部アップロード=
おすすめ
転載: www.cnblogs.com/gushixianqiancheng/p/10966932.html
おすすめ
ランキング