234upload2.html56

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

文件上傳簡(jiǎn)介1---上傳到指定的目錄2

系統(tǒng) 2311 0

本節(jié)摘要:上節(jié)解決了上傳文件到本機(jī)指定目錄,本節(jié)主要是在上節(jié)的基礎(chǔ)上對(duì)前臺(tái)顯示的html頁(yè)面做一下修改,實(shí)現(xiàn)動(dòng)態(tài)的增加文件輸入框s。

新建 upload2.html (放在和upload.html文件的同一個(gè)目錄下)

代碼如下:

upload2.html
        
            1
        
        
          <!
        
        
          DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        
        
          >
        
        
2 < html >
3 < head >
4 < title > upload2.html </ title >
5
6 < meta http-equiv ="keywords" content ="keyword1,keyword2,keyword3" >
7 < meta http-equiv ="description" content ="this is my page" >
8 < meta http-equiv ="content-type" content ="text/html; charset=UTF-8" >
9
10 <!-- <link rel="stylesheet" type="text/css" href="./styles.css"> -->
11
12 < script >
13 function mCreateFile(obj){
14 var eF
15 var mName
16 mFileName.innerHTML = ""
17 if (obj.id == " File " ) {
18
19 mstatus.innerHTML = " 總共有 <b> " + (mFile.children.length - 1 ) + " </b> 個(gè)文件等待上傳 "
20
21 for (i = 0 ;i < mFile.children.length - 1 ;i ++ )
22 {
23 if (mFile.children.value == "" ) {
24 mFile.removeChild(mFile.children)
25 }
26 else
27 {
28 mName = mFile.children.value.split( " \\ " )
29 mFileName.innerHTML += " <div id=NameDetail title=' " + mName[mName.length - 1 ] + " '> " + mName[mName.length - 1 ] + " </div> "
30 }
31 }
32
33 }
34
35 if (obj.id == " File_New " ) {
36 eF = document.createElement( ' <input type="file" name="File" size="23" id=File_New onpropertychange="mCreateFile(this)"> ' )
37 mFile.appendChild(eF)
38 obj.id = " File "
39 }
40 }
41 </ script >
42 < style >
43 table {
44 FILTER : progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3) ;
45 }
46 input {
47 border : 1px soild #000000 ;
48 font-family : Verdana,Arial,宋體 ;
49 font-size : 12px ;
50 padding : 2px ;
51 }
52 #mTD {
53 LINE-HEIGHT : 24px ;
54 }
55 #mFile {
56 width : 203px ;
57 float : left ;
58 |
59 #mFileName{
60 float : right ;
61 width : 182px ;
62 }
63 #NameDetail {
64 overflow : hidden ;
65 width : 176px ;
66 color : #000000 ;
67 font-family : Verdana,Arial,宋體 ;
68 font-size : 12px ;
69 cursor : default ;
70 height : 22px ;
71 }
72 #mstatus {
73 font-size : 12px ;
74 color : #ff0000 ;
75 }
76 </ style >
77 </ head >
78
79 < body >
80 < form name ="uploadform" method ="POST" action ="upload"
81 ENCTYPE ="multipart/form-data" >
82 < div align ="center" >
83 < table border ="1" width ="420" style ="border-collapse: collapse" bordercolor ="#0066cc" cellpadding ="4" bgcolor ="#D0F0FF" >
84 < tr >
85 < td bgcolor ="#3399FF" height ="26" align ="center" >< font color ="#FFFFFF" size ="3" >< b > 添加附件 </ b ></ font ></ td >
86 </ tr >
87 < tr >
88 < td id =mTD >
89 < div id =mFile >< input type ="file" name ="File" size ="23" id =File_New onpropertychange ="mCreateFile(this)" ></ div >
90 < div id =mFileName ></ div >
91 < div id =mstatus > 總共有 < b > 0 </ b > 個(gè)文件等待上傳 </ div >
92 </ td >
93 </ tr >
94 </ table >
95 < div id ="upload" >
96 < input name ="upload" type ="submit" value ="開(kāi)始上傳" />
97 </ div >
98 </ div >
99 </ form >
100 </ body >

訪問(wèn)的url如下:

http://localhost:8080/UpDown/upload2.html

運(yùn)行截圖1:

文件上傳簡(jiǎn)介1---上傳到指定的目錄2_第1張圖片

?

截圖2:

文件上傳簡(jiǎn)介1---上傳到指定的目錄2_第2張圖片

?

文件上傳簡(jiǎn)介1---上傳到指定的目錄2


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長(zhǎng)會(huì)非常 感謝您的哦?。?!

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 精品福利 | 91福利国产在线观看一区二区 | 青青青国产在线 | 久久精品国产99久久6动漫欧 | 精品欧美一区二区三区免费观看 | 一级欧美一级日韩毛片99 | 久久99精品久久久久子伦 | 国产视频第二页 | 亚洲视频福利 | 手机精品在线 | 亚洲啪视频| 国产欧美日韩精品第三区 | 99在线观看精品免费99 | 中文字幕av一区 | 色综合久久久久久久久五月 | 9久热这里只有精品视频在线观看 | 日本一级做人免费视频 | 伊人情人综合成人久久网小说 | 欧美宗合网 | 影音先锋在线亚洲精品推荐 | 狠狠操天天操视频 | 亚洲免费观看 | 欧美一级片网 | 久久视频这里只有精品 | 亚洲欧美日韩久久精品第一区 | 伊人久热这里只有精品视频99 | 高清国产美女一级a毛片录 高清国产美女一级毛片 | 色综合久久天天影视网 | 成人短视频在线观看视频 | 亚洲视频免费观看 | 九九久久久久午夜精选 | 91精品久久国产青草 | 99视频免费看| 久久久久久久久久免免费精品 | 91精品久久久久亚洲国产 | 99视频免费 | 一级网站片 | 中文字幕精品久久 | 日本人一级毛片免费视频 | 亚洲狠狠97婷婷综合久久久久 | 京野结衣免费一区二区 |