- <%@Language=JScript @CodePage=936%>
- <Script Language=JScript RunAt=Server>
- /****************************************************************\
- <lostinet:source xmlns:lostinet="lostinet-d2g-com/source">
- <lostinet:source-info>
- <lostinet:name>Lostinet_ASP_Upload的例子-動態(tài)表單部分</lostinet:name>
- <lostinet:description>一個動態(tài)的表單的例子</lostinet:description>
- </lostinet:source-info>
- <lostinet:author-info>
- <lostinet:name>Lostinet</lostinet:name>
- <lostinet:email>lostinet@21cn.com;lostinet@chongjian.com;</lostinet:email>
- <lostinet:homepage>http://lostinet.d2g.com</lostinet:homepage>
- </lostinet:author-info>
- <lostinet:copyright-info>
- <lostinet:copyright>版權(quán)聲明:這個軟件可以隨意發(fā)布。也可以根據(jù)具體情況進(jìn)行優(yōu)化修改。但是請保留作者的相關(guān)信息。</lostinet:copyright>
- </lostinet:copyright-info>
- </lostinet:source>
- \****************************************************************/
- </Script>
- <SCRIPT RUNAT=Server LANGUAGE=JScript>
- </SCRIPT>
- <HTML>
- <HEAD>
- <TITLE>JScript Example Form</TITLE>
- <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312" />
- </HEAD>
- <STYLE>
- button
- {
- border:1px gray solid;
- }
- div.form_item
- {
- width:500px;
- overflow-x:visible;
- padding:4px;
- margin-top:8px;
- border:2px gray dotted;
- }
- input.file
- {
- border:1px gray inset;
- width:400px;
- }
- textarea.info
- {
- border:1px gray inset;
- width:400px;
- SCROLLBAR-FACE-COLOR: #cccccc;
- SCROLLBAR-HIGHLIGHT-COLOR: WHITE;
- SCROLLBAR-SHADOW-COLOR: WHITE;
- SCROLLBAR-ARROW-COLOR: maroon;
- SCROLLBAR-TRACK-COLOR: #e0e4e4;
- SCROLLBAR-3DLIGHT-COLOR: #cccccc;
- SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
- SCROLLBAR-BASE-COLOR: #cccccc;
- }
- </STYLE>
- <SCRIPT>
- var countImgLoading=0;
- function GetItemDiv(e)
- {
- while(e=e.parentElement)
- {
- if(e.className.toLowerCase()=="form_item")
- {
- return e;
- }
- }
- throw(new Error(-1,"Impossible:GetItemDiv發(fā)生不能處理的意外"));
- }
- function GetNamedItem(div,name)
- {
- return div.all(name);
- throw(new Error(-11,"Impossible:GetNamedItem發(fā)生不能處理的意外"+name));
- }
- function Check_Item(div)
- {
- var file=GetNamedItem(div,"file");
- var info=GetNamedItem(div,"info");
- var width=GetNamedItem(div,"width");
- var height=GetNamedItem(div,"height");
- var preview=GetNamedItem(div,"preview");
- if(file.value.replace(/\s/g,"")=="")
- {
- file.focus();
- return false;
- }
- if(info.value.replace(/\s/g,"")=="")
- {
- info.focus();
- return false;
- }
- if(info.value.length>1000)
- {
- alert("描述的長度不能超過1000字");
- info.focus();
- return false;
- }
- if(height.value=="0"||width.value=="0")
- {
- file.focus();
- return false;
- }
- if(parseInt(height.value)>800||parseInt(width.value)>600)
- {
- alert("圖片尺寸大于800X600");
- file.focus();
- return false;
- }
- if(preview.src.toLowerCase().indexOf("file://")!=0)
- {
- alert("只能上傳本地文件！！\n請把文件框的內(nèi)容清楚\n然后按瀏覽");
- file.focus();
- return false;
- }
- if(preview.fileSize==0)
- {
- file.focus();
- return false;
- }
- return preview.fileSize;
- }
- function Check_Form()
- {
- if(event==null)var event=new Object();
- var totalSize=0;
- var haveItem=false;
- var coll=form_submit.children;
- for(var i=0;i<coll.length;i++)
- {
- var item=coll.item(i);
- if(item.className.toLowerCase()=="form_item")
- {
- haveItem=true;
- totalSize=Check_Item(item);
- if(totalSize==false)
- {
- alert("該輸入框必須填上正確的內(nèi)容");
- return event.returnValue=false;
- }
- }
- }
- if(haveItem==false)
- {
- Add_FormItem();
- return event.returnValue=false;
- }
- if(totalSize==0)
- {
- alert("不打算上傳了");//暫時沒有可能執(zhí)行
- return event.returnValue=false;
- }
- if(totalSize>1024*1024)
- {
- alert("不能上傳超過1M的數(shù)據(jù)");
- return event.returnValue=false;
- }
- btn_submit.disabled=true;
- return event.returnValue=true;
- }
- function Add_FormItem()
- {
- form_submit.elements("input_submit").insertAdjacentHTML("beforebegin",form_template.innerHTML);
- }
- function Delete_FormItem()
- {
- var btn=event.srcElement;
- GetItemDiv(btn).removeNode(true);
- }
- function Show_Preview()
- {
- var div=GetItemDiv(event.srcElement);
- var preview=GetNamedItem(div,"preview");
- var file=GetNamedItem(div,"file");
- if(preview.readyState=="uninitialized"||preview.readyState=="complate")countImgLoading++;
- btn_submit.disabled=true;
- preview.src=file.value;
- }
- function OnPreviewLoad(secceed)
- {
- btn_submit.disabled=false;//bug:當(dāng)表單在提交的時候，忽略
- countImgLoading--;
- var div=GetItemDiv(event.srcElement);
- var preview=GetNamedItem(div,"preview");
- var height=GetNamedItem(div,"height");
- var width=GetNamedItem(div,"width");
- if(secceed)
- {
- height.value=preview.height;
- width.value=preview.width;
- }
- else
- {
- height.value=width.value="0";
- }
- var filesize=GetNamedItem(div,"filesize");
- filesize.innerText=Math.floor(preview.fileSize/1024)+"K";
- }
- function OnPreviewMouseOver(div)
- {
- if(div.contains(event.fromElement))return;
- var divItem=GetItemDiv(div);
- var preview=GetNamedItem(divItem,"preview");
- div.style.overflow="visible";
- preview.style.position="absolute";
- }
- function OnPreviewMouseOut(div)
- {
- if(div.contains(event.toElement))return;
- var divItem=GetItemDiv(div);
- var preview=GetNamedItem(divItem,"preview");
- div.style.overflow="hidden";
- preview.style.position="static";
- }
- function OnPreviewClick(div)
- {
- var divItem=GetItemDiv(event.srcElement);
- var preview=GetNamedItem(divItem,"preview");
- div.style.overflow="hidden";
- preview.style.position="static";
- }
- </SCRIPT>
- <BODY>
- <DIV>
- <BUTTON ID="btn_add">添加一個需要上傳的圖片</BUTTON>
- <BUTTON ID="btn_submit">提交所有內(nèi)容</BUTTON>
- </DIV>
- <DIV>
- <FORM ID="form_submit" ACTION="e.g.jscript.action.asp" METHOD="POST" ENCTYPE="multipart/form-data" ONSUBMIT="Check_From()">
- <INPUT ID="input_submit" TYPE="submit" STYLE="display:none">
- </FORM>
- </DIV>
- <FORM ID="form_template" STYLE="display:none;">
- <DIV CLASS="form_item">
- <DIV>
- 要上傳圖片(<SPAN id="filesize"></SPAN>)的路徑： <BUTTON CLASS="delete" ONCLICK="Delete_FormItem()">刪除</BUTTON>
- </DIV>
- <DIV STYLE="border:1px orange solid;width:200px;height:50px;overflow:hidden;" ONMOUSEOVER="OnPreviewMouseOver(this)" ONMOUSEOUT="OnPreviewMouseOut(this)" ONCLICK="OnPreviewClick(this)">
- <INPUT TYPE="hidden" NAME="width" VALUE="0">
- <INPUT TYPE="hidden" NAME="height" VALUE="0">
- <IMG ID="preview" STYLE="position:static" ONLOAD="OnPreviewLoad(true)" ONERROR="OnPreviewLoad(false)">
- </DIV>
- <DIV>
- <INPUT TYPE="file" NAME="file" CLASS="file" ONCHANGE="Show_Preview()">
- </DIV>
- <DIV>
- 相關(guān)的描述：
- </DIV>
- <DIV>
- <TEXTAREA NAME="info" CLASS="info" ROWS="4"></TEXTAREA>
- </DIV>
- </DIV>
- </FORM>
- </BODY>
- <SCRIPT>
- Add_FormItem();
- function btn_add.onclick()
- {
- Add_FormItem();
- }
- function btn_submit.onclick()
- {
- if(Check_Form())
- form_submit.submit();
- }
- </SCRIPT>
- </HTML>
通過客戶端驗證上傳圖片文件大小的ASP源碼
2019-09-29 10:56asp源碼網(wǎng) ASP教程
ASP_Upload的例子-動態(tài)表單部分，通過客戶端驗證上傳圖片文件大小的ASP源碼。
延伸 · 閱讀
- 2024-12-13Steam終止對Win7/Win8的支持：客戶端已不可用
- 2024-12-13微軟必應(yīng)壁紙客戶端上架 Microsoft 應(yīng)用商店，消息
- 2024-12-13微軟發(fā)布 Windows 365 Link Cloud PC 瘦客戶端“迷你主
- 2024-12-13Steam客戶端Beta版更新：游戲何時更新可自定義!
- 2024-11-03請盡快升級，BT 客戶端 qBittorrent 修復(fù)存在 14 年的
- 2024-10-30php 異步上傳圖片幾種方法總結(jié) - php上傳下載
精彩推薦
- ASP教程
asp之基于adodb.stream的文件操作類
asp之基于adodb.stream的文件操作類...
- ASP教程
asp 標(biāo)記字符串中指定字符變色不區(qū)分大小寫
今天遇到這種問題，單純的使用replace函數(shù)不行，他會改變原有的字符串的大小寫,在網(wǎng)上找到相關(guān)的代碼，自己備份下...
- ASP教程
asp Access數(shù)據(jù)備份,還原,壓縮類代碼
asp Access數(shù)據(jù)備份,還原,壓縮類實現(xiàn)代碼，大家可以參考下。...
- ASP教程
asp 采集實戰(zhàn)代碼
最近實在是太流行采集了，本人是不喜歡采集的，但對采集的原理我卻很有興趣進(jìn)行研究，拿到了網(wǎng)上采集常用函數(shù)，對其進(jìn)行了一番研究，并實戰(zhàn)，結(jié)果...
- ASP教程
asp+javascript實現(xiàn)404頁的處理轉(zhuǎn)換
asp+javascript實現(xiàn)404頁的處理轉(zhuǎn)換...
- ASP教程
ASP.NET 數(shù)據(jù)源
數(shù)據(jù)源 一個 data sourse 控件與數(shù)據(jù)綁定的控件相互作用，并隱藏了復(fù)雜的數(shù)據(jù)的聯(lián)編過程。這些是提供數(shù)據(jù)給 data bound 控件的工具，并且支持如插入，刪除...
- ASP教程
ASP常用函數(shù):getpy()
ASP常用函數(shù):getpy()...
- ASP教程
JScript中遍歷Request表單參數(shù)集合的方法
這篇文章主要介紹了JScript中遍歷Request表單參數(shù)集合的方法,本文以遍歷Request.QueryString集合為例給出了實現(xiàn)代碼,需要的朋友可以參考下...
