艺术迷网
艺术迷 >> 网页设计 >> xml教程 >> xmlhttp上传文件突破大小限制
2006-5-20   作者:佚名   来源:互联网   点击:1914
页面功能: 【评论】有错就点】 【字体: 】 【打印】 【关闭【收藏本页】
upload.htm
<HTML>
<HEAD><TITLE>File upload</TITLE>
</HEAD>
<BODY>
<form name="upload">
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<tr>
<td colspan="2">上传提示:Microsoft ADO/RDS
此页正在访问其他域的数据。您允许这样做吗?</td>
</tr>
<tr>
<td width="100">您的图片</td>
<td><input name="pic" type="file" size="20"></td>
</tr>
<tr>
<td colspan="2" align="center"><input id="upbtn" type=button value="上传"></td>
</tr>
</table>
</form>
<img src="image.asp" border="0">
</BODY>
</HTML>

<SCRIPT LANGUAGE=JavaScript>
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

var st‚ up
try{
st = new ActiveXObject("ADODB.Stream");
up = true
}
catch(e){
up = false
}
function upload.upbtn.onclick(){
var uPic = upload.pic.value
if (validPic()!="") alert(validPic())
else{
if(!up) alert("您的浏览器版本太低,无法上传图片,请升级您的浏览器!")
else{
st.Type = 1;
st.Open();
try{
st.LoadFromFile(uPic);
var db = st.Read()
st.close()
var txtP = splitString(ByteToStr(db)‚100000)//这里把已经转换成字符串的文件切割一下,我是按10万字节长度切割的,也就是50KB
var xmldoc = new ActiveXObject("Microsoft.XMLDOM");
xmldoc.loadXML('<?xml version="1.0"?><root/>');
for (var i=0;i<txtP.length;i++){
var iPic = xmldoc.createElement("pic")
iPic.text = txtP[i];
xmldoc.documentElement.appendChild(iPic);
}
xmlhttp.open("POST"‚"upload.asp"‚true);
xmlhttp.onreadystatechange = rep
xmlhttp.send(xmldoc);
}
catch(e){alert("无法找到文件!\n"+e.description)}
}
}
}

function rep(){
if(xmlhttp.readyState==4){
if (xmlhttp.status==200){
alert(xmlhttp.responseBody)
location.reload()
}else
alert("status:"+xmlhttp.status+"\n"+xmlhttp.statusText)
}
}

function validPic(){
var maxSize = 500//最大的尺寸限制
var str = ''
var thisPic = new Image();
thisPic.src = upload.pic.value
if(thisPic.src=="") str = '请选择您要上传的图片'
else{
var picSize = thisPic.fileSize/1024
if(picSize>maxSize) str = '上传的图片不要大于'+maxSize+'KB,您的图片有'+picSize+'KB'
else{
var sPic = thisPic.src.split(".")
var pf = sPic[sPic.length-1].toLowerCase()
str = '未知的图片格式!'
var picF = new Array("gif"‚"jpg"‚"jpeg"‚"bmp")
for (var i=0;i<picF.length;i++){
if (pf==picF[i]){
str = ''
break
}
}
}
}
return str
}

//把二进制文件转换成字符串
function ByteToStr(p){
var xmldom = new ActiveXObject("Microsoft.XMLDOM");
xmldom.async = false
xmldom.loadXML('<?xml version="1.0"?><root/>');
var tPic = xmldom.createElement("pic")
tPic.dataType = 'bin.hex'
tPic.nodeTypedValue = p
xmldom.documentElement.appendChild(tPic);
return(String(tPic.text))
}

//把字符串按你想要的长度切割
function splitString(s‚l){
var h = s.length
var al = (s.length%l==0)?h/l:parseInt(String((s.length/l)).split(".")[0])+1
var a = new Array(al)
for (var i=0;i<a.length;i++)
a[i] = s.substring(i*l‚l*(i+1))
return(a)
}
</SCRIPT>
<img src="image.asp?id=0" border="0">

upload.asp
<%@ LANGUAGE=VBScript%>
<%Option Explicit%>
<%
Response.ContentType="text/xml"
Response.Charset="UTF-8"
dim xmldom
dim root‚pic
set xmldom = Server.CreateObject("Microsoft.XMLDOM")
xmldom.async = false
xmldom.load Request
if xmldom.parseError.errorCode<>0 then
Response.BinaryWrite "未知的错误!"
else
if xmldom.readyState=4 then
xmldom.save Server.MapPath("image.xml")
Response.BinaryWrite "上传成功!"
'如果想直接放到数据库,就这么着:
'dim i‚a‚txtP‚byteP
'set a = xmldom.documentElement.selectNodes("/root/pic")
'txtP = ""
'for i=0 to a.length-1
'txtP = txtP & a(i).text
'next
'byteP = StrToByte(txtP)'这就是你要的东东
end if
end if
%>
<script language="javascript" runat="server">
function StrToByte(str){
var xmldom = Server.CreateObject("Microsoft.XMLDOM")
xmldom.loadXML('<?xml version="1.0"?><root/>')
var bPic = xmldom.createElement("pic")
bPic.dataType = "bin.hex"
bPic.nodeTypedValue = str
xmldom.documentElement.appendChild(bPic)
return(bPic.nodeTypedValue)
}
</script>

image.asp
<%@language=jscript%>
<%
var xmldoc = new ActiveXObject("Microsoft.XMLDOM")
xmldoc.async = false
xmldoc.load(Server.MapPath("image.xml"))
if (xmldoc.parseError.errorCode!=0){
Response.Write("error")
}else{
var a = xmldoc.documentElement.selectNodes("/root/pic")
var pic = ''
for (var i=0;i<a.length;i++)
pic += a[i].text//这里就是把数据重组
Response.BinaryWrite(StrToByte(pic))
}

//把字符串转换成二进制流
function StrToByte(str){
var XMLDOC = Server.CreateObject("Microsoft.XMLDOM")
XMLDOC.loadXML('<?xml version="1.0"?><root/>')
var bPic = XMLDOC.createElement("pic")
bPic.dataType = "bin.hex"
bPic.nodeTypedValue = str
XMLDOC.documentElement.appendChild(bPic)
return(bPic.nodeTypedValue)
}
%>
页面功能: 【评论】有错就点】 【字体: 】 【打印】 【关闭【收藏本页】
声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。如有疑问请与站长联系。
网友评论
目前没有评论!
发表评论
您的姓名: 匿名发送
电子邮件:
评论内容:
不能超过100个字符



所有留言只代表网友个人观点,不代表本站观点。
请各位遵纪守法并注意语言文明。
新闻搜索
关 键 词:
搜索范围:
全站精华
图文精彩
风景摄影欣赏molnies
【2006-5-10 18:31:05】
风景摄影欣赏molnies 1
人像摄影:《炫影》(1)[图]--摄影艺术
【2006-5-9 18:18:49】
人像摄影:《炫影》(1)
MIKE
【2006-5-8 9:52:42】
MIKE H的CG插画作品欣赏(1)
新锐CG插画
【2006-4-26 14:27:13】
新锐CG插画 Monday to Friday
水木清华地产广告欣赏[图]--平面广告
【2006-4-26 9:31:54】
水木清华地产广告欣赏
万科西山庭院.格.沉.尊[图]--平面广告
【2006-4-21 9:08:35】
万科西山庭院.格.沉.尊
泊林花园推广故事绘本(2)[图]--CG插画
泊林花园推广故事绘本(1)[图]--CG插画
溯源居广告欣赏--小红人[图]--平面广告
【2006-4-14 14:45:57】
溯源居广告欣赏--小红人
cg插画欣赏[图]--CG插画
【2006-4-14 9:21:18】
cg插画欣赏
yashasi插画作品欣赏[图]--CG插画
【2006-4-13 18:32:29】
yashasi插画作品欣赏
北邦插画欣赏(1)[图]--CG插画
【2006-4-13 9:49:02】
北邦插画欣赏(1)
高傲的玫瑰-温碧霞[图]--摄影艺术
【2006-4-12 8:58:34】
高傲的玫瑰-温碧霞
国粹京剧脸谱表情[图]--界面设计
【2006-4-11 17:51:33】
国粹京剧脸谱表情
回忆紫禁城里那些逝去的[图]--中国艺术
【2006-4-11 16:34:31】
回忆紫禁城里那些逝去的
平面设计QQ群:42326012;技术群:38389792;
本站部分图文内容取自互联网。您若发现有侵犯您著作权行为,请及时告知,我们将在第一时间删除侵权作品、停止继续传播。
Copyright 2006-2007,版权所有 www.fansart.com tc_show@126.com QQ:44550498