xmlhttp上传文件(转贴)

使用xmlhttp 实现多文件上传
出处

如今xml技术渐渐成熟，成为了一种网站传播数据的又一种方式,下面是我用xmlhttp写的一个多文件上传程序.包括客户端和服务端两部分..

本程序的实现是利用xml可以在其结点存放经base64编码的二进制文件,先在客户端生成包含要传文件的xml 再,通过xmlhttp发送到服务端.下面是客户端:

<html>

<!--

xmlupload.htm by 九天神龙

http://www.5ucode.com

xkou@hotmail.com

//-->

<<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />META http-equiv=Content-Type content="text/html; charset=gb2312">

<title>XML上传客户端</title>

提交到asp页面<input type=text id="postto" size="30"

value="http://localhost/up.asp"

/><br>

上传到服务器路径<input value="/"

type=text id="postpath" οnblur="if(this.value.charAt(this.value.length-1)!='//') this.value+='//';" /><br>

设定文件上传数:<input type=text value=5 size=5 id="upnum">  <button οnclick=displayForm(parseInt(upnum.value));>设定</button>

<div id=div1></div><button οnclick=sendfile()>上传</button><br /><br />返回信息:

<!--

function displayForm(i){ //显示指定数目的textbox

if(i<2) i=2;

var tal="";

for(a=1;a<=i;a++){

str=a+".<input type=file id='upfile'><br />";

tal+=str;

}

div1.innerHTML=tal;

}

displayForm(2);

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

function sendfile(){

//创建dom对象

var xmldom=new ActiveXObject("MSXML2.DOMDocument");

xmldom.async=false;

//载入外部xml 文件,在与本文件同一目录下建一 xml.xml 内容为 <root></root>

xmldom.load("xml.xml");

//建立本地ado 对象

var ado=new ActiveXObject("ADODB.Stream");

ado.Type=1; // 1=adTypeBinary ado_stream;

var allfile=document.all("upfile");

//alert(allfile.length);

//循环读取textbox

for(a=1;a<=allfile.length;a++){

if(allfile[a-1].value!=""){

//创建一个file节点

var fnode=xmldom.createElement("file");

xmldom.documentElement.appendChild(fnode);

var lastnode=xmldom.documentElement.lastChild;

//文件名

fnode=xmldom.createElement("name");

fnode.text=(postpath.value+allfile[a-1].value.replace(/(.*)///g,""));

lastnode.appendChild(fnode);

//内容

fnode=xmldom.createElement("content");

fnode.dataType = "bin.base64";

ado.Open();

ado.LoadFromFile(allfile[a-1].value);

fnode.nodeTypedValue=ado.Read(-1);

ado.Close();

lastnode.appendChild(fnode);

}

//alert(xmldom.xml);

div_message.innerHTML ="Data has send,please wait....";

var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

xmlhttp.open("POST",postto.value,false);

xmlhttp.send(xmldom);

//将接受到的数据变为UNICODE文本

var info=BytesToBstr(xmlhttp.ResponseBody,"GB2312");

div_message.innerHTML=info;

if(info.charAt(0)=="b")

//如果是上传文件为空,则获取服务端所在文件夹

postpath.value=info.replace(/.*by ([a-zA-Z]://.*//).*/g,"$1");

}

//-->

</SCRIPT>

function BytesToBstr(body,Cset) //将收到的数据转为UNICODE

dim objstream

set objstream =CreateObject("adodb.stream")

objstream.Type=1

objstream.Mode=3

objstream.Open

objstream.Write body

objstream.Position=0

objstream.type=2

objstream.Charset=Cset

BytesTobstr=objstream.ReadText

objstream.Close

set objstream=nothing

end function

</script>

客户端完成

服务端比较简单:

<%Response.Expires=0

‘upload.asp by 九天神龙

‘http://www.5ucode.com

‘xkou@hotmail.com

set d=Server.CreateObject("ADODB.Stream")

set x=Server.CreateObject("MSXML2.DOMDocument")

x.load(request)

set r=x.documentElement

//循环读取结点

For i=0To(r.childNodes.length-1)

set fn=r.childNodes(i).childNodes(0)

set xf=r.childNodes(i).childNodes(1)

d.Type=1

d.open

d.Write xf.nodeTypedValue //读取后写入

d.SaveToFile fn.text,2

d.close%>

<%=fn.text%> ok!<BR><%next

set d=Nothing

set x=Nothing%>by <%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%> execute OK!

使用时当上传两个3M的文件时,cpu使用占100%,当前窗口出现假死现象.但过一会就可以完成.

转载于:https://www.cnblogs.com/dhz123/archive/2004/11/05/2194389.html

xmlhttp上传文件(转贴)相关推荐

js php 分段上传文件,php+js实现文件分块上传
咱们在上传大文件时,可能会因为服务器的缘由致使文件上传失败,文件过大时因为服务器的配置或响应事件过长致使上传文件失败,这时候咱们能够将一个大的文件分为若干块,而后分批次上传到服务端,当全部文件块上传完 ...
EXTJS+ASP.NET上传文件带实时进度条代码
一,文件夹二,upLoad.cs是继承IHttpModule的类: usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usin ...
cmd echo写入shell_渗透技巧——通过cmd上传文件的N种方法
0x00 前言在渗透测试的过程中,常常需要向目标主机上传文件,我在最近的学习测试过程中就碰到了这个问题,要求只能通过cmd shell向目标主机(Windows系统)上传文件,所以本文就对该技巧做一 ...
html上传文件的实例
html页面代码 < meta HTTP-EQUIV ="content-type" CONTENT ="text/html; charset=UTF-8&qu ...
为什么上传文件的表单里要加个属性enctype
上传文件的表单中<form>要加属性enctype="multipart/form-data",很多人只是死记硬背知道上传表单要这么写,知其然而不知其所以然.那到底为什 ...
JavaWeb 使用ajax上传文件并显示进度条等上传信息
文件上传在Web程序中是常用的功能,一般上传图片或者文件大小比较少的文件客户端不需要显示上传进度或文件上传的信息,如果是上传的文件比较大的时候,可以在客户端展示文件上传进度以及根据业务的需求显示文件上 ...
angular文件上传php,ajax jquery angular 上传文件与分隔上传
简单总结下 #ajax上传文件 var xmlhttp = new XMLHttpRequest(); xmlhttp.open("POST", "2.php" ...
JS中使用FormData上传文件、图片的方法
参考博客:http://www.cnblogs.com/xiaohuochai/p/6543019.html http://www.cnblogs.com/qcloud1001/p/6839541.h ...
组态nodejs的后台server.js，新增post接口，接受前端input file模式上传文件，并接收保存到服务器
如何解决node.js中fs.rename文件跨域问题_OnlyLove_KD的博客-CSDN博客前言最近在学习node.js,今天在写一个文件上传的功能,调用fs.rename上传文件时程序报 ...
JS任意截图并上传图片，上传视频、上传文件
** JS截图上传图片 ** 在前端WEB开放过程中,经常使用上传图片.上传视频.上传音频以及上传其他文件等,通常都使用到各种上传插件,但是很多插件只是单纯的上传文件,不具备图片截图,即使有也很传统, ...

xmlhttp上传文件(转贴)

xmlhttp上传文件(转贴)相关推荐

最新文章

热门文章