01.
<!DOCTYPE html>
02.
<html>
03.
<head>
04.
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
05.
<title>初心者用ファイルアップロード用テンプレート</title>
06.
07.
<script>
08.
function
resetIframe() {
09.
var
ifdoc = document.getElementById(
"result2"
).contentWindow.document;
10.
ifdoc.write(
""
);
11.
ifdoc.close();
12.
}
13.
</script>
14.
15.
<style>
16.
body {
17.
background-color: #D6C8A1;
18.
font-family: Arial, Helvetica, Verdana,
"ヒラギノ角ゴPro W3"
,
"Hiragino Kaku Gothic Pro"
, Osaka,
"メイリオ"
, Meiryo,
"MS Pゴシック"
, sans-serif;
19.
font-size:18px;
20.
}
21.
iframe {
22.
border: solid 1px; #000000;
23.
background-color: #ffffff;
24.
}
25.
</style>
26.
</head>
27.
<body>
28.
29.
<!-- アップロード【1】 -->
30.
<form
31.
enctype=
"multipart/form-data"
32.
action=
"upload1.php"
33.
method=
"POST"
34.
target=
"result2"
35.
style=
'display:inline;'
36.
>
37.
<input type=
"hidden"
name=
"MAX_FILE_SIZE"
value=
"100000"
>
38.
<input
39.
type=
"file"
40.
id=
"file_1"
41.
name=
"file_1"
42.
size=
"40"
43.
/>
44.
<br>
45.
<input
46.
type=
"submit"
47.
value=
"単フィールド単ファイルアップロード"
48.
/>
49.
<br />
50.
<br />
51.
</form>
52.
<hr>
53.
<iframe
54.
id=
"result2"
55.
name=
"result2"
56.
frameborder=
"1"
57.
scrolling=
"yes"
58.
style=
'width:100%;height:700px;'
59.
></iframe>
60.
61.
</body>
62.
</html>