ajax php ファイルのアップロード code_PHP チュートリアル-PHPチュートリアル-php.cn

ajax php ファイルのアップロード code_PHP チュートリアル

WBOY

リリース： 2016-07-13 17:07:41

オリジナル

1061 人が閲覧しました

ajax php教程文件上传代码

<頭>

#コンテナ{
マージン: 自動;
幅: 400px;
ボーダー上部の幅: 0px;
border-right-width: 1px;
ボーダー下幅: 1px;
border-left-width: 1px;
ボーダートップスタイル: ソリッド;
border-right-style: ソリッド;
ボーダーボトムスタイル: ソリッド;
border-left-style: ソリッド;
ボーダートップカラー: #000033;
境界線の右の色: #000033;
ボーダーボトムカラー: #000033;
境界線の左の色: #000033;
背景色: #ffffff;
}
#container #header #header_left {
フロート: 左;
背景画像: url(images/header_left.gif);
背景繰り返し: 繰り返しなし;
高さ: 42px;
幅: 45px;
}
#container #header #header_right {
背景画像: url(images/header_right.gif);
背景繰り返し: 繰り返しなし;
高さ: 42px;
幅: 6px;
フロート: 右;
}
ボディ{
パディングトップ: 30px;
背景色: #cccccc;
}
#コンテナ #コンテンツ {
パディング: 5px;
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
フォントの太さ: 通常;
色: #666666;
}
#コンテナ #フッター {
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
色: #999999;
テキスト整列: 右;
ボーダー上部の幅: 1px;
border-right-width: 1px;
ボーダー下幅: 1px;
border-left-width: 1px;
ボーダートップスタイル: ソリッド;
ボーダートップカラー: #999999;
境界線の右の色: #000033;
ボーダーボトムカラー: #000033;
境界線の左の色: #000033;
パディングトップ: 5px;
パディング右: 10px;
パディングボトム: 5px;
パディング左: 5px;
}
#container #footer {
色: #999999;
テキスト装飾: なし;
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 10px;
}

#container #header #header_main {
フロート: 左;
パディング: 5px;
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
フォントの太さ: 太字;
色: #ffffff;
マージントップ: 5px;
マージン右: 0px;
margin-bottom: 0px;
マージン左: 0px;
}
.sbtn {
背景画像: url(images/button.gif);
ボーダー: 1px ソリッド #000033;
高さ: 22px;
幅: 82px;
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
色: #ffffff;
フォントの太さ: 太字;
背景の位置: 中央;
パディング: 0px;
マージントップ: 20px;
マージン右: 20px;
margin-bottom: 0px;
マージン左: 20px;
}
ボタン{
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
フォントの太さ: 太字;
色: #ffffff;
高さ: 22px;
幅: 82px;
背景画像: url(images/button.gif);
}
#container #content #form1 凡例 {
パディング: 5px;
マージン: 自動;
}
フォーム{
マージン: 10px 5px 0px 5px;
}

#コンテナ #ヘッダー {
パディング: 0px;
マージントップ: 0px;
マージン右: 0px;
margin-bottom: 0px;
マージン左: 0px;
背景画像: url(images/header_bg.gif);
背景-リピート: リピート-x;
高さ: 42px;
}
ラベル{
パディング: 0px;
text-align: 中央;
}

.msg {
text-align:left;
  色:#666;
背景繰り返し: 繰り返しなし;
  margin-left:30px;
   margin-right:30px;
パディング:5px;
   パディング左:30px;
}

.emsg {
text-align:left;
margin-left:30px;
margin-right:30px;
色:#666;
背景繰り返し: 繰り返しなし;
パディング:5px;
パディング左:30px;
}

#ローダー{
可視性:非表示;
}

#f1_upload_form{
height:100px;
}

#f1_error{
   font-family: geneva, arial, helvetica, sans-serif;
font-size: 12px;
   font-weight:bold;
   color:#ff0000;
}

#f1_ok{
   font-family: geneva, arial, helvetica, sans-serif;
font-size: 12px;
   font-weight:bold;
   color:#00ff00;

}

#f1_upload_form {
font-family: geneva, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}