XML文件上传技术-web前端-IT落伍者

概述

本文讲解了一个使用XML技术上传文件的例子使用该方法没有传统方法中的种种限制这个例子讲述了如何使用MSXML和ADO Stream对象来实现这种新的上传方法好处有很多比如不需要专用的上传组件

引言

为了在HTML网页中获得上传功能在客户端我们可以使用如下格式的FORM

<FORM NAME=myForm

ACTION=TargetURLASP

ENCTYPE=multipart/formdata

METHOD=post>

</FORM>

这种方案在客户端和服务器端的使用都有很多限制首先我们必须使用POST方法因为GET方法无法处理这样的表单数据并且没有什么方法可以在不使用表单的情况下引发一个POST动作把数据发送给表单处理程序后浏览器将会把处理程序作为新页面加载然后使用者会看到一个不讨人喜欢的页面转换过程

ENCTYPE属性为表单定义了MIME编码方式上传文件的表单的ENCTYPE属性必须使用multipart/formdata把这个属性设置为multipart/formdata就创建了一个与传统结构不同的POST缓沖区（复合结构）ASP的Request对象无法访问这样的表单内容所以我们可以使用RequestbinaryRead方法来访问这些数据但是无法使用脚本语言来完成这一切RequestbinaryRead方法返回一个VTarray型数据（只包含无符号一字节字符的Variant型数组）但是脚本语言只能处理Variant型数据为了解决这个问题只能使用专用的ASP上传组件或者ISAPI扩展程序比如CPSHOSTDLL这是设计上的限制

新的上传方案

需要按照如下步骤操作

客户端

使用MSXML 创建一个XML文档

创建一个针对二进制内容的XML节点

使用ADO Stream object将上传的文件数据放入该节点

使用XMLHTTP对象把这个XML文档发送给Web服务器

服务器端

从Request对象中读出XML文档

读出二进制节点中的数据并且存储到服务器上的文件中当然我们也可以将其存储到数据库的BLOB型字段中

在解释这段代码之前我们可以对这个方案进行一些思考

对XML的思考

XML格式支持很多数据类型比如numeric float character等等很多作者将XML定义为ASCII格式但是我们不能忽视XML技术还可以使用binbase数据类型来描述二进制信息这个特性在MS XML解析器重得到完全的支持但是目前还需要一些特别设置该对象提供一些可以对二进制数据进行完全控制的属性

obj_nodedataType 该可读写的属性定义了特定节点的数据类型MSXML解析器支持更多的数据类型（参见MSDN）

对于二进制数据我们可以使用binbase类型

obj_nodenodeTypedValue 该可读写属性包含了按照制定类型表示的指定节点的数据

我们可以创建一个包含多个binbase类型节点的XML文档节点中包含上传的文件这点特性可以使用一个POST一次上传多个文件

我们可以使用XMLHttpRequest对象和POST方法发送一个XML文档给Web服务器该对象为HTTP服务器提供了客户端协议支持允许在Web服务器上发送和接受MS XMLDOM对象XMLHttpRequest是Internet Explorer 内置的COM对象（不需要定制安装）并且发送完毕后无需转换页面

对ADO Stream对象的思考

我们可以在客户端创建一个包含一个或者多个二进制节点的XML文档我们还必须把文件内容填入节点中但是很不幸脚本语言不能访问本地文件系统并且ScriptingFileSystem对象（是Win系统的内置对象）到目前为止还不能访问二进制文件这是设计上的限制所以我们需要另外找一个可以提供对本地二进制文件的访问的COM对象

ADO Stream对象（MDAC 中的组件）提供了读写和管理二进制流数据的手段字节流的内容可以是文本或者二进制数据并且没有容量上的限制在ADO 中Microsoft对Stream对象的介绍不属于ADO对象结构的任何一层所以我们无需捆绑即可使用该对象

本文中使用Stream对象来访问文件内容再把内容存入XML节点

客户端

以下示例代码使用Stream和MSXML对象完成文件上传动作

<HTML>

<BODY>

<DIV id=div_message>Ready</DIV>

</BODY>

</HTML>

// 上传函数

function btn_sendonclick()

{

// 创建 ADOstream 对象

var ado_stream = new ActiveXObject(ADODBStream);

// 创建包含默认头信息和根节点的 XML文档

var XML_dom = new ActiveXObject(MSXMLDOMDocument);

XML_domloadXML(<?XML version= ?> <root/>);

// 指定数据类型

XML_domdocumentElementsetAttribute(XMLns:dt urn:schemasmicrosoftcom:datatypes);

// 创建一个新节点设置其为二进制数据节点

var l_node = XML_domcreateElement(file);

l_nodedataType = binbase;

// 打开Stream对象读源文件

ado_streamType = ; // =adTypeBinary

ado_streamOpen();

ado_streamLoadFromFile(c:\\tmp\\myfiledoc);

// 将文件内容存入XML节点

l_nodenodeTypedValue = ado_streamRead(); // =adReadAll

ado_streamClose();

XML_domdocumentElementappendChild(l_node);

// 可以创建多个二进制节点一次上传多个文件

// 把XML文档发送到Web服务器

var XMLhttp = new ActiveXObject(MicrosoftXMLHTTP);

XMLhttpopen(POST/file_recieveASPfalse);

XMLhttpsend(XML_dom);

// 显示服务器返回的信息

div_messageinnerHTML = XMLhttpResponseText;

}

</SCRIPT>

服务器端

以下代码使用相同的对象提供服务器端的上传处理功能

<%@ LANGUAGE=VBScript%>

<% Option Explicit

ResponseExpires =

定义变量和对象

dim ado_stream

dim XML_dom

dim XML_file

创建 Stream 对象

set ado_stream = ServerCreateObject(ADODBStream)

从Request对象创建 XMLDOM对象

set XML_dom = ServerCreateObject(MSXMLDOMDocument)

XML_domload(request)

读出包含二进制数据的节点

set XML_file = XML_domselectSingleNode(root/file)

打开Stream对象把数据存入其中

ado_streamType = =adTypeBinary

ado_streamopen

ado_streamWrite XML_filenodeTypedValue

文件存盘

ado_streamSaveToFile c:\tmp\uploaddoc =adSaveCreateOverWrite

ado_streamclose

销毁对象

set ado_stream = Nothing

set XML_dom = Nothing

向浏览器返回信息

ResponseWrite Upload successful!

也可以使用Stream对象把数据放到数据库的BLOB型字段中

使用该方法的益处

不引起页面转换

不需要专用组件

可同时上传多个文件

这段程序是纯脚本写成的可以很容易的插入到其他代码中而不需要任何HTML对象的配合还可以把这个逻辑在任何支持COM标准的语言中实现

系统安全考虑

该方法只能使用于内部网络因为它需要IE的安全级别设置为低必须

允许脚本和ActiveX对象该设置允许浏览器执行类似 myobj = new activexobject()的 JScript语句

必须允许穿越域访问数据源这个设置允许在客户端使用Stream对象还必须在服务器和客户端都安装MS XML DOM 和MDAC