利用Xmlhttp 分块上传文件

xml|上传

编写思路:把本地文件在客户端通过base64编码以后发送目的地.
测试过程中,上传文件过大,导致超时不成功.
后来经过改善.把编码分段发送.测试20M成功

编写目的:在传统的解决方案里面,一次一次选取上传可以.但是在碰到把数据库里文件路径读出来,并把这些文件上传到一个地方的时候就比较麻烦.
如果得到路径一个一个去找到用ftp当然也是可以的,但每次找这些文件我看都会比较费时。这里编写这个主要就是为了通过数据库里的文件路径取得文件.把文件一次批量上传到一个地方.
其主要目的还是为了锻炼一下自己.

解决过程:起初试着用模拟键盘输入强行赋值给file控件用传统的方法上传。可是老碰到空值的情况,以至有很多文件没有发送出去。查阅一些资料,现在是把所有路径通过数据库取到然后写到一个js里。然后在前台用js读取这些路径,通过xmlhttp来发送文件。
因为ie不太喜欢xmlHttp.总认为他有恶意行为.所以老谈出提示警告.所以操作的时候不能使用web路径.只能用物理路径去访问它.
然后服务端有一文件来接收这些编码,并对其进行解码.所以我称之为"c/s". '

目前很多代码还在完善中.
简单介绍一下:

aryFiles.push("c:\\aaa.zip") ;
aryFiles.push("c:\\bbb.exe") ;
这里为文件路径和文件.可为多个
以后这个路径也可以通过file控件在客户端取到

http:// www.xrss.cn/xxx/xxx.asp
这个是目的地,可以改为自己想要的地址.

ado_stream.LoadFromFile(server.mappath(".") &"/"& + str_filename)
server.mappath(".") &"/"& + str_filename 这里是读取文件.
server.mappath(".") &"/"& 路径和存放路径一致

ado_stream.SaveToFile server.mappath(".") &"/"& str_filename,2
server.mappath(".") &"/"& 这个为存放文件的路径. str_filename 为文件名

这里读取和存放都是放在程序所放目录中.大家测试的时候也可以保持这样即可

把第一段代码放到本地(eg:c:\upload.htm)

把第二段代码放到服务器上,可以是本地服务器,可以是公网服务器.和上面的目的地保持一致
(eg:http://www.xrss.cn/upload.asp or http:// localhost/www/upload.asp)

操作:找到第一段代码保存的地方。执行即可(eg:打开c盘执行upload.htm)

客户段

 1<html>
 2<head>
 3</head>
 4<body> <input type=button
 5value="发送" /> <input type=button value="中断" /> <div id="ddd"
 7width=300px></div> <br></br> <DIV
 8id=div_message></DIV>
 9</body>
10<script language=VBScript> Function bytes2BSTR(vIn) strReturn =
11"" For i = 1 To LenB(vIn) ThisCharCode = AscB(MidB(vIn,i,1)) If
12ThisCharCode < &H80 Then strReturn = strReturn &
13Chr(ThisCharCode) Else NextCharCode = AscB(MidB(vIn,i+1,1)) strReturn =
14strReturn & Chr(CLng(ThisCharCode) * &H100 +
15CInt(NextCharCode)) i = i + 1 End If Next bytes2BSTR = strReturn End
16Function
17</script>
18<script language=javascript> var xmlhttp ; var ado_stream ; var
19mFileName, mPartStart, mPartID, mPartEnd ; var SendCount ; var
20BlockSize ; var Breaked ; var aryFiles ; BlockSize = 1024*100
21;//每次发送字节数 Breaked = false ; aryFiles = new Array() ; // 开始发送文件
22function BeginSendFiles() { initAryFiles() ; SendFile(aryFiles.pop()) ;
23} // 构造待发送文件的数组 function initAryFiles() { aryFiles.push("c:\\aaa.zip")
24; aryFiles.push("c:\\bbb.exe") ; //c:\\aaa.zip c:\\bbb.exe本地文件
25aryFiles.reverse() ;//文件名 } function SendFile(vFullPath) { // 空文件则不执行上传
26if (!vFullPath) { return ; } Breaked = false ; div_message.innerHTML =
27"" ; ado_stream = new ActiveXObject("ADODB.Stream"); // 读取文件的流
28ado_stream.Type = 1; ado_stream.Open();
29ado_stream.LoadFromFile(vFullPath); // 读取文件 ado_stream.position = 0 ;
30SendCount = Math.ceil(ado_stream.size/BlockSize) ; // 如果有余数则多发送一次 //
31alert(SendCount) ; var reg = /\b\w+.\w+$/gi mFileName =
32reg.exec(vFullPath) ; mPartStart = true ; mPartID = 1 ; mPartEnd =
33false ; SendData() ; } function SendData() { if (SendCount > 0) {
34var dom = new ActiveXObject("msxml2.DOMDocument"); // 发送的xml文件
35dom.async = false; dom.resolveExternals = false; // 构造xml文件头 var node =
36dom.createProcessingInstruction("xml","version='1.0'");
37dom.appendChild(node) ; node = null ; // 构造root节点 var root =
38dom.createElement("root"); dom.appendChild(root) ;
39dom.documentElement.setAttribute("xmlns:dt",
40"urn:schemas-microsoft-com:datatypes"); // 构造保存二进制数据的节点updata node =
41dom.createElement("upData") ; node.dataType = "bin.base64" ; //
42bin。base64编码 var att = dom.createAttribute("FileName") ; // 文件名属性
43att.value = mFileName ; node.setAttributeNode(att) ; att = null ; var
44att = dom.createAttribute("PartStart") ; // 分段开始标记 att.value =
45mPartStart ; node.setAttributeNode(att) ; att = null ; var att =
46dom.createAttribute("PartID") ; // 分段序号 att.value = mPartID ;
47node.setAttributeNode(att) ; att = null ; var att =
48dom.createAttribute("PartEnd") ; // 分段结束标记 att.value = mPartEnd ;
49node.setAttributeNode(att) ; att = null ; root.appendChild(node) ;
50node.nodeTypedValue = ado_stream.Read(BlockSize); // 节点数据从stream读取,固定长度
51node = null ; SendCount -= 1 ; xmlhttp = new
52ActiveXObject("Microsoft.XMLHTTP");
53xmlhttp.open("POST","http://www.xrss.cn/xxx/xxx.asp", false);
54//http://www.xrss.cn/xxx/xxx.asp 为web路径上的文件 xmlhttp.onreadystatechange=
55CallBack ; xmlhttp.send(dom); mPartStart = false ; xmlhttp = null ; }
56else { ado_stream.Close(); ado_stream = null ; } } function CallBack()
57{ // 上传成功 if(xmlhttp.readystate == 4) { // 检查是否中断上传 if(Breaked) {
58return ; } if (SendCount > 0) { mPartID += 1 ; //
59div_message.innerHTML += ("<br>" + xmlhttp.ResponseText) ; var p
60= Math.floor((mPartID/(Math.ceil(ado_stream.size/BlockSize) + 1)) *
61100) ; // 计算进度百分比 ShowBar(p) ; var t = setTimeout("SendData();", 1) ; }
62else { // 传送完文件 //div_message.innerHTML += mFileName +
63"传送完毕!<br>" ; // 继续传下一文件 ShowBar(0) ; var cFile = aryFiles.pop()
64; SendFile(cFile) ; } } } function ShowBar(per) { // 进度条 ddd.innerHTML
65= "<table width='200' border=0 cellpadding='0' cellspacing='0'
66><tr><td bgcolor='#6699FF'><input type=button style='
67width:" + per + "% ; border:0px; background:#005599; color:#FFFFFF'
68value=" + per + "%> </td></tr></table>" ; }
69</script>
70</html>
服务器端
 1<%@ LANGUAGE=VBScript%>
 2<% Option Explicit
 3Response.Expires = 0 
 4
 5' 定义变量和对象。
 6dim ado_stream
 7dim xml_dom
 8dim xml_data
 9dim str_filename
10dim bol_PartStart
11dim int_PartID
12dim bol_PartEnd
13
14' 创建 Stream 对象
15set ado_stream = Server.CreateObject("ADODB.Stream")
16' 从Request对象创建 XMLDOM对象
17set xml_dom = Server.CreateObject("MSXML2.DOMDocument")
18xml_dom.load(request)
19' 读出包含二进制数据的节点
20set xml_data = xml_dom.selectSingleNode("root/upData")
21str_filename = xml_data.getAttribute("FileName")
22bol_PartStart = CBool(xml_data.getAttribute("PartStart"))
23int_PartID = CInt(xml_data.getAttribute("PartID"))
24bol_PartEnd = CBool(xml_data.getAttribute("PartEnd"))
25
26' 打开Stream对象,把数据存入其中 
27ado_stream.Type = 1 ' 1=adTypeBinary 
28ado_stream.open 
29if not bol_PartStart then
30  ado_stream.LoadFromFile(server.mappath(".") &"/"& + str_filename)     ' 读取文件
31  ado_stream.position = ado_stream.size
32end if
33ado_stream.Write xml_data.nodeTypedValue
34' 文件存盘
35ado_stream.SaveToFile server.mappath(".") &"/"& str_filename,2
36'保存文件 2=adSaveCreateOverWrite 
37ado_stream.close
38
39' 释放资源
40set ado_stream = Nothing 
41set xml_dom = Nothing
42' 向浏览器返回信息
43Response.Write "Upload successful!"& str_filename & int_PartID & bol_PartStart
44%>

时间: 2024-05-18 15:47:02

利用Xmlhttp 分块上传文件的相关文章

xmlhttp 分块上传文件

编写思路:把本地文件在客户端通过base64编码以后发送目的地.测试过程中,上传文件过大,导致超时不成功.后来经过改善.把编码分段发送.测试20M成功 编写目的:在传统的解决方案里面,一次一次选取上传可以.但是在碰到把数据库里文件路径读出来,并把这些文件上传到一个地方的时候就比较麻烦.如果得到路径一个一个去找到用ftp当然也是可以的,但每次找这些文件我看都会比较费时.这里编写这个主要就是为了通过数据库里的文件路径取得文件.把文件一次批量上传到一个地方.其主要目的还是为了锻炼一下自己. 解决过程:

JAVA如何利用JSON能上传文件?

问题描述 JAVA如何利用JSON能上传文件? 现在需要通过HTTP的POST请求实现文件发送的功能,其中发送的格式是通过JSON格式的,就是JSON里面携带的有其他参数,还有文件名和文件体,这个怎么实现? 解决方案 java上传文件到oracle数据库 解决方案二: String dataString = ""{name:""filenanme""content:""contentStr""}"

利用PUT方式上传文件的方法研究

虽然没有POST方法使用广泛,但是PUT方法却是向服务器上传文件最有效率的方法.POST上传文件时,我们通常需要将所有的信息组合成 multipart 传送过去,然后服务器再解码这些信息,解码过程则必不可少的会消耗内存和CPU资源,这种现象在上传大文件时尤其明显.而PUT方法则允许你通过与服务器建立的socket链接传递文件的内容,而不附带其他的信息. 最近一个项目上需要利用这种方式来进行文件的上传,下面介绍一下在 Apache + PHP 的环境下如何进行PUT方式的文件上传. Apache

C语言 HTTP上传文件-利用libcurl库上传文件

原文  http://justwinit.cn/post/7626/ 通常情况下,一般很少使用C语言来直接上传文件,但是遇到使用C语言编程实现文件上传时,该怎么做呢? 借助开源的libcurl库,我们可以容易地实现这个功能.Libcurl是一个免费易用的客户端URL传输库,主要功能是用不同的协议连接和沟通不同的服务器,libcurl当前支持DICT, FILE, FTP, FTPS, Gopher, HTTP, HTTPS, IMAP,IMAPS, LDAP, LDAPS, POP3, POP3

利用百度云盘API上传文件至百度云盘

一.获取Access Token示例 1. 请您将以下HTTP请求直接粘贴到浏览器地址栏内,并按下回车键. https://openapi.baidu.com/oauth/2.0/authorize?response_type=token&client_id=L6g70tBRRIXLsY0Z3HwKqlRE&redirect_uri=oob&scope=netdisk 2.执行后,弹出百度登录页面,登录后弹出以下授权页面: 3.授权后,将跳转到以下百度OAuth2.0页面: 4.请

form表单上传文件

  表单中enctype="multipart/form-data"的意思,是设置表单的MIME编码. 默认情况,enctype的编码格式是application/x-www-form-urlencoded,不能用于文件上传: 只有使用了multipart/form-data,才能完整的传递文件数据,进行下面的操作.   利用表单上传文件的例子: <form id="form1" runat="server" enctype="m

利用.NET的File控件上传文件的最终解决方案(个人版)

个人版|解决|控件|上传    在遍历了csdn中所有关于上传大文件的帖子以后,写了这片垃圾.(:-))   上传大文件,有好几种方法:   1.思归的HttpWorkerRequest方法,太难,看不懂:-(   2.利用第三方的控件 AspNetUpload 要钱!!算了,咱还是喜欢免费的.   3.修改web.config文件,但是不能捕获错误.   4.通过ftp的方式上传.服务器需要提供ftp服务.      没辙,只好选第三种方式,谁让咱太蠢了呢!(太蠢了,没有关系,要多吃鱼,听说吃

利用.NET的File控件上传文件的最终解决方案

解决|控件|上传 在遍历了csdn中所有关于上传大文件的帖子以后,写了这片垃圾.(:-))上传大文件,有好几种方法:1.思归的HttpWorkerRequest方法,太难,看不懂:-(2.利用第三方的控件 AspNetUpload 要钱!!算了,咱还是喜欢免费的.3.修改web.config文件,但是不能捕获错误.4.通过ftp的方式上传.服务器需要提供ftp服务. 没辙,只好选第三种方式,谁让咱太蠢了呢!(太蠢了,没有关系,要多吃鱼,听说吃鱼能聪明点.) 那就仔细专研第三种方式吧! 修改Web

php利用fsockopen GET/POST 提交表单及上传文件

php 利用 fsockopen GET/POST 提交表单及上传文件 1.GET get.php 01.<?php 02.$host = 'demo.fdipzone.com'; 03.$port = 80; 04.$errno = ''; 05.$errstr = ''; 06.$timeout = 30; 07.$url = '/socket/getapi.php'; 08. 09.$param = array( 10. 'name' => 'fdipzone', 11. 'gender