群星1.8舰船mod:ASP检查上传图片代码问题~

来源:百度文库 编辑:高校问答 时间:2024/05/05 12:57:21
<script language="JavaScript">
function check(url){
var Img=new Image();
var file1=document.all("file1");
Img.onload = function(){if(this.width>100 || this.height>100){alert('文件宽高不匹配!');file1.outerHTML=file1.outerHTML;}else{document.all('browPic').src=file1.value;}}
Img.onerror = function(){alert('文件不存在,或目标类型不匹配!');file1.outerHTML=file1.outerHTML;}
Img.src = url;
}
</script>
<input name="file1" type="file" onpropertychange="check(this.value)"><br>
<img name="browPic" src="" alt="还未选择图片,选择后方可预览!">

在 检查GIF动画 格式的图片超出大小设置后,不断弹出 '文件宽高不匹配!警告窗口。不知哪出错了 郁闷。。GIF图片是动画时 就会出错,当Gif图片为不可动时就没事~
天啊 楼下的说 不用JavaScript
但是 我需要 的 是。。。。。在 未上传前 检测 图片的大小长宽是否合格 才能按上传按钮的。。汗汗

唉,没看出来,我把你的代码拿去试验老出错
ASP 中上传或者下载图片可以直接写代码,不用JAVASCRIPT
利用纯asp语句实现无组件上传图片到数据库并显示于网页上:
我们用来获取上一个页面传

递过来的数据一般是使用request对象。同样的,我们也可以使用request对象

来获取上传上来的文件数据,使用的方法是request.binaryread()。而我们要从

数据库中读出来图片的数据显示到网页上面要用到的方法是:

request.binarywrite()。在我们得到了图片的数据,要保存到数据库中的时候,

不可以直接使用insert语句对数据库进行操作,而是要使用ado的

appendchunk方法,同样的,读出数据库中的图片数据,要使用getchunk方

法。各个方法的具体语法如下:

* request.binaryread语法:

variant = request.binaryread(count)

参数

variant

返回值保存着从客户端读取到数据。

count

指明要从客户端读取的数据量大小,这个值小于或者等于使用方法

request.totalbytes得到的数据量。

* request.binarywrite语法:

request.binarywrite data

参数

data

要写入到客户端浏览器中的数据包。

* request.totalbytes语法:

variant = request.totalbytes

参数

variant

返回从客户端读取到数据量的字节数。

* appendchunk语法

将数据追加到大型文本、二进制数据 field 或 parameter 对象。

object.appendchunk data

参数

object field 或 parameter 对象

data 变体型,包含追加到对象中的数据。

说明

使用 field 或 parameter 对象的 appendchunk 方法可将长二进制或字符数

据填写到对象中。在系统内存有限的情况下,可以使用 appendchunk 方法对长

整型值进行部分而非全部的操作。

* getchunk语法

返回大型文本或二进制数据 field 对象的全部或部分内容 。

variable = field.getchunk( size )

返回值

返回变体型。

参数

size 长整型表达式,等于所要检索的字节或字符数。

说明

使用 field 对象的 getchunk 方法检索其部分或全部长二进制或字符数据。

在系统内存有限的情况下,可使用 getchunk 方法处理部分而非全部的长整型

值。

getchunk 调用返回的数据将赋给“变量”。如果 size 大于剩余的数据,则

getchunk 仅返回剩余的数据而无需用空白填充“变量”。如果字段为空,则

getchunk 方法返回 null。

每个后续的 getchunk 调用将检索从前一次 getchunk 调用停止处开始的数

据。但是,如果从一个字段检索数据然后在当前记录中设置或读取另一个字段

的值,ado 将认为已从第一个字段中检索出数据。如果在第一个字段上再次调

用 getchunk 方法,ado 将把调用解释为新的 getchunk 操作并从记录的起始

处开始读取。如果其他 recordset 对象不是首个 recordset 对象的副本,则

访问其中的字段不会破坏 getchunk 操作。

如果 field 对象的 attributes 属性中的 adfldlong 位设置为 true,则可

以对该字段使用 getchunk 方法。

如果在 field 对象上使用 getchunk 方法时没有当前记录,将产生错误 3021

(无当前记录)。

接下来,我们就要来设计我们的数据库了,作为测试我们的数据库结构如

下(access97):

字段名称 类型 描述

id 自动编号 主键值

img ole对象 用来保存图片数据

对于在ms sql server7中,对应的结构如下:

字段名称 类型 描述

id int(identity) 主键值

img image 用来保存图片数据

现在开始正式编写我们的纯asp代码上传部分了,首先,我们有一个提

供给用户的上传界面,可以让用户选择要上传的图片。代码如下

(upload.htm):

<html>

<body>

<center>

<form name="mainform" enctype="multipart/form-data"

action="process.asp" method=post>

<input type=file name=mefile><br>

<input type=submit name=ok value="ok">

</form>

</center>

</body>

</html>

注意代码中黑色斜体的部分,一定要在form中有这个属性,否则,将无

法得到上传上来的数据。

接下来,我们要在process.asp中对从浏览器中获取的数据进行必要的处

理,因为我们在process.asp中获取到的数据不仅仅包含了我们想要的上传上来

的图片的数据,也包含了其他的无用的信息,我们需要剔除冗余数据,并将处

理过的图片数据保存到数据库中,这里我们以access97为例。具体代

码如下(process.asp):

<%

response.buffer=true

formsize=request.totalbytes

formdata=request.binaryread(formsize)

bncrlf=chrb(13) & chrb(10)

divider=leftb(formdata,clng(instrb(formdata,bncrlf))-1)

datastart=instrb(formdata,bncrlf & bncrlf)+4

dataend=instrb(datastart+1,formdata,divider)-datastart

mydata=midb(formdata,datastart,dataend)

set conngraph=server.createobject("adodb.connection")

conngraph.connectionstring="driver={microsoft access driver (*.mdb)};dbq=" &

server.mappath("images.mdb") & ";uid=;pwd=;"

conngraph.open

set rec=server.createobject("adodb.recordset")

rec.open "select * from [images] where id is null",conngraph,1,3

rec.addnew

rec("img").appendchunk mydata

rec.update

rec.close

set rec=nothing

set conngraph=nothing

%>

好了,这下我们就把上传来的图片保存到了名为images.mdb的数据库中

了,剩下的工作就是要将数据库中的图片数据显示到网页上面了。一般在ht

ml中,显示图片都是使用<img>标签,也就是<img src="图片路径">,但

是我们的图片是保存到了数据库中,“图片路径”是什么呢?呵呵,其实这个

src属性除了指定路径外,也可以这样使用哦:

<img src="showimg.asp?id=xxx">

所以,我们所要做的就是在showimg.asp中从数据库中读出来符合条件的

数据,并返回到src属性中就可以了,具体代码如下(showimg.asp):

<%

set conngraph=server.createobject("adodb.connection")

conngraph.connectionstring="driver={microsoft access driver (*.mdb)};dbq=" &

server.mappath("images.mdb") & ";uid=;pwd=;"

conngraph.open

set rec=server.createobject("adodb.recordset")

strsql="select img from images where id=" & trim(request("id"))

rec.open strsql,conngraph,1,1

response.contenttype = "image/*"

response.binarywrite rec("img").getchunk(7500000)

rec.close

set rec=nothing

set conngraph=nothing

%>

注意在输出到浏览器之前一定要指定response.contenttype = "image/*",

以便正常显示图片。

最后要注意的地方是,我的process.asp中作的处理没有考虑到第一页

(upload.htm)中还有其他数据,比如<input type=tesxt name=userid>等等,如果

有这些项目,你的process.asp就要注意处理掉不必要的数据。

你可以打印一下width看看gif的width究竟是多大,可能真的是宽度超过100了