首页 / ASP / 通过客户端验证上传图片文件大小的ASP源码

通过客户端验证上传图片文件大小的ASP源码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了通过客户端验证上传图片文件大小的ASP源码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6935字，纯文字阅读大概需要10分钟。

内容图文

<%@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的例子-动态表单部分</lostinet:name>
  <lostinet:description>一个动态的表单的例子</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>版权声明:这个软件可以随意发布。也可以根据具体情况进行优化修改。但是请保留作者的相关信息。</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发生不能处理的意外"));
}
function GetNamedItem(div,name)
{
return div.all(name);
throw(new Error(-11,"Impossible:GetNamedItem发生不能处理的意外"+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然后按浏览");
  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("该输入框必须填上正确的内容");
    return event.returnValue=false;
   }
  }
}
if(haveItem==false)
{
  Add_FormItem();
  return event.returnValue=false;
}
if(totalSize==0)
{
  alert("不打算上传了");//暂时没有可能执行
  return event.returnValue=false;
}
if(totalSize>1024*1024)
{
  alert("不能上传超过1M的数据");
  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:当表单在提交的时候，忽略
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">提交所有内容</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>
    相关的描述：
   </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源码全部内容，希望文章能够帮你解决通过客户端验证上传图片文件大小的ASP源码所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/384425.html

来源：【匿名】

【上一篇】asp下计算分页的几种方法【下一篇】ASP知识讲座四

更多 ►

【通过客户端验证上传图片文件大小的ASP源码】教程文章相关的互联网学习教程文章

asp.net上传图片并同时生成缩略图

asp.net上传图片并同时生成缩略图<script language="VB" runat="server"> Sub UploadFile(sender As Object, e As EventArgs)If FileUp.PostedFile.ContentLength = 0 Then FileInfo.Visible = False Exit Sub Else FileInfo.Visible = True FDisplay1.Visible = True End IfFSize.Text ="上传文件大小"+ CStr(FileUp.PostedFile.ContentLength/1024)+"KB" FName.Text = "已上传文件名:"+FileUp.PostedFile.FileName+"<br>...

asp.net UpdatePanel实现无刷新上传图片

1）前台复制代码代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:UpdatePanel ID=...

Android 上传图片到 Asp.Net 服务器的问题【代码】【图】

最近在做一个手机app联合系统管理做的应用程序，管理程序管理数据的发布和增删改查，手机app负责显示和操作业务逻辑这么一个功能。刚开始路走的都很顺，但是走到通过Android客户端上传图片到Asp.Net 服务器的时候出现很大的问题，图片是上传了，就是显示不出来，用照片查看器查看的时候显示：‘没有预览’，用画图软件打开的时候显示‘无效的位图文件或不支持文件的格式’！！！大家想，肯定你的代码写得有问题，好吧，你们看看我...

ASP.NET 上传图片至数据库并读取图片显示

aspx <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" /><td> <img id="imghead" runat="server" src=‘../images/noimg.gif‘></td><td> 相关图片: </td><td> <%-- <asp:FileUpload ID="FileUpload1" runat="server" onchange="previewImage(this)" ></asp:FileUpload>--%> <asp:FileUpload ID="FileUpload1" runat...

微信jssdk上传图片asp程序源码

微信jssdk上传图片asp程序源码<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>  <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Contr...

asp防止上传图片木马原理解析

首先判断文件大小：if file.filesize<10 thenResponse.Write("<script>alert(您没有选择上传文件)</script>")Response.Write("<script>history.go(-1)</script>")Response.End() end if将文件上传到服务器后，判断用户文件中的危险操作字符:set MyFile = server.CreateObject("Scripting.FileSystemObject") set MyText = MyFile.OpenTextFile(FilePath, 1) 读取文本文件 sTextAll = lcase(MyText.ReadAll) MyText.close set MyFil...

通过客户端验证上传图片文件大小的ASP源码

检查上传图片是否合法的函数,木马改后缀名、图片加恶意代码均逃不过

今天试了下AspJpeg组件，发现用AspJpeg组件去处理不正常的图片文件的时候就会出错，呵呵，这个正好可以让我们用来检查图片的合法性，偶给封装成函数了～代码如下:'------------------------------------------- '函数名：chkimg '作　用：检查图片文件是否合法 '参　数：img，图片路径 '返回值：布尔类型 '条　件：服务器必须支持AspJpeg '------------------------------------------- Function chkimg(img) on error re...

asp下轻松实现将上传图片到数据库的代码

轻松实现将上传图片到数据库很久就想自己写一写程序了，不过由于赖就不想写我，今天刚好有空，所以写了这个小小的程序很容易一看就知道的，不多说了就此开始：　　我们做一个上传的。数据据库的字段就id自动编号 big 字段类型是 OLE 呵呵就简单的那个字段好了　　　　uppic.asp上传程序名　　　　<% 　　dim rs 　　dim formsize,formdata,bncrlf,divider,datastart,dataend,mydata 　　formsize=request.totalbytes '取得客...

ASP上传图片功能的又一实现（OLE对象）

上次说到的上传图片是采用稻香老农开发的无组件上传。其上传过程是将图片先保存到指定文件夹，与此同时将该路径保存至数据库字段的。显示图片则是根据数据库表中的路径字段对应显示的。当然有关图片的管理，比如删除：只删除了路径，实际的图片需要根据该路径通过FSO进行删除……那有没有这样一种情况：将图片直接作为一个字段的值保存。对图片的操作就象是对数据字段的操作一样熟练。答案是肯定的，只是将该字段的类型设为OLE对象...

无组件上传图片之文件采用方案

首先，图片在页面中能查找选择。设计表单页面index.asp和上传选择页upload.asp，upload.asp在index.asp中以iframe包含。其次，所选图片应能上传到某文件夹。建立一文件夹uploadimg最后，传上去的图片应如何引用？很显然，采用UBB立即显示。upload.asp的指向对象upfile.asp具有写入UBB标签的功能。无组件上传调试文件夹 -- index.asp -- upload.asp -- upfile.asp -- uploadimg文件夹图片上传采用稻香老农的无组件上传。...

首页 / ASP / 通过客户端验证上传图片文件大小的ASP源码

通过客户端验证上传图片文件大小的ASP源码

内容导读

内容图文

内容总结

内容备注

内容手机端

【通过客户端验证上传图片文件大小的ASP源码】教程文章相关的互联网学习教程文章

asp.net上传图片并同时生成缩略图

asp.net UpdatePanel实现无刷新上传图片

Android 上传图片到 Asp.Net 服务器的问题【代码】【图】

ASP.NET 上传图片至数据库并读取图片显示

微信jssdk上传图片asp程序源码

asp防止上传图片木马原理解析

通过客户端验证上传图片文件大小的ASP源码

检查上传图片是否合法的函数,木马改后缀名、图片加恶意代码均逃不过

asp下轻松实现将上传图片到数据库的代码

ASP上传图片功能的又一实现（OLE对象）

无组件上传图片之文件采用方案

ASP - 相关标签

文件 - 相关标签

验证 - 相关标签

ASP - 技术教程分类

ASP - 最新教程

ASP - 最热教程