JavaScript設(shè)置表單上傳時(shí)文件個(gè)數(shù)的方法
本文實(shí)例講述了JavaScript設(shè)置表單上傳時(shí)文件個(gè)數(shù)的方法。分享給大家供大家參考。具體如下:
這是一個(gè)比較實(shí)用的功能,用JavaScript來(lái)設(shè)置表單上傳文件時(shí),根據(jù)需要生成上傳表單,要幾個(gè)生成幾個(gè),在網(wǎng)易郵箱、新浪郵箱的添加附件功能里都有這種功能,不過(guò)這一款沒(méi)有刪除表單的功能,如果輸入的多了,只好重新來(lái)過(guò)啦
運(yùn)行效果如下圖所示:
具體代碼如下:
<title>JavaScript設(shè)置表單上傳時(shí)的文件個(gè)數(shù)</title> <input type="button" name="button" value="添加附件" onclick="addInput()"> <input type="button" name="button" value="刪除附件" onclick="deleteInput()"> <span id="upload"></span> <script type="text/javascript"> var attachname = "attach"; var i=1; function addInput(){ if(i>0){ var attach = attachname + i ; if(createInput(attach)) i=i+1; } } function deleteInput(){ if(i>1){ i=i-1; if(!removeInput()) i=i+1; } } function createInput(nm){ var aElement=document.createElement("input"); aElement.name=nm; aElement.id=nm; aElement.type="file"; aElement.size="50"; //aElement.value="thanks"; //aElement.onclick=Function("asdf()"); if(document.getElementById("upload").appendChild(aElement) == null) return false; return true; } function removeInput(nm){ var aElement = document.getElementById("upload"); if(aElement.removeChild(aElement.lastChild) == null) return false; return true; } </script>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- javascript 圖片上傳預(yù)覽-兼容標(biāo)準(zhǔn)
- Javascript異步表單提交,圖片上傳,兼容異步模擬ajax技術(shù)
- FireFox瀏覽器使用Javascript上傳大文件
- javascript驗(yàn)證上傳文件的類(lèi)型限制必須為某些格式
- Javascript圖片上傳前的本地預(yù)覽實(shí)例
- JavaScript判斷文件上傳類(lèi)型的方法
- javascript實(shí)現(xiàn)限制上傳文件大小
- JavaScript檢測(cè)上傳文件大小的方法
- javascript實(shí)現(xiàn)圖片上傳前臺(tái)頁(yè)面
- JavaScript多圖片上傳案例
相關(guān)文章
ie與firefox下的event使用說(shuō)明與詳細(xì)區(qū)別
event是ie自帶的一個(gè)對(duì)象,而ff中不存在該對(duì)象,只能通過(guò)傳遞參數(shù)(并且惟一)的方式來(lái)實(shí)現(xiàn)event.2009-10-10javascript 瀏覽器判斷 綁定事件 arguments 轉(zhuǎn)換數(shù)組 數(shù)組遍歷
javascript 瀏覽器 判斷 綁定事件 arguments 轉(zhuǎn)換數(shù)組 數(shù)組遍歷等函數(shù)2009-07-07uniapp獲取手機(jī)通知權(quán)限實(shí)現(xiàn)demo
這篇文章主要為大家介紹了uniapp獲取手機(jī)通知權(quán)限實(shí)現(xiàn)demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07微信小程序利用button控制條件標(biāo)簽的變量問(wèn)題
這篇文章主要介紹了微信小程序利用button控制條件標(biāo)簽的變量問(wèn)題,本文分步驟給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2020-03-03