一、引言
如今,在网络应用方面,特别是在Web 2.0时代,大多数网站都需要上传文件功能来帮助用户共享它们的资源。然而,仅使用传统的ASP技术不足以满足不断增长的用户需求。因此,组合使用ASP和AJAX技术已经成为Web开发人员的必修课程。本文将介绍如何使用ASP和AJAX技术实现快捷上传,并将文件存储到数据库。
二、技术简介
1. ASP
ASP是一种基于服务器端的Web应用程序框架,它可以创建动态交互式Web页面。ASP文件通常是包含HTML、CSS和一些可能会产生动态内容的代码块的文本文件。ASP代码可以包括服务器对象、数据库连接和循环等功能。
2. AJAX
AJAX是一种异步的Web开发技术,它是一组Web开发技术组合的缩写,包括HTML、JavaScript、CSS、DOM、XML和XMLHttpRequest。通过AJAX,客户端浏览器可以向服务器请求异步数据,在不刷新页面的情况下,更新页面中的某些部分。
3. 数据库
数据库是一组数据的,可以通过计算机系统进行访问、分类和处理。数据库能够被用来存储和管理数据,提供数据安全和多用户访问的能力。
三、技术背景
传统的Web文件上传流程需要重新加载页面,这种方式不能达到无感知、快速上传的效果。随着Web 2.0时代的到来,异步上传变得越来越受欢迎。在这种情况下,用户可以及时获得上传结果,而不必等待页面重新加载。
四、技术实现
1. HTML部分
构建HTML表单、文件处理对象和AJAX对象。
“`
<%
Dim Upload
Set Upload = Server.CreateObject(“Persits.Upload”)
%>
function createXmlHttpRequest() {
var xmlHttp;
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else {
xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);
}
return xmlHttp;
}
“`
2. JavaScript部分
通过JavaScript,将表单数据和文件处理对象传递给服务器。服务器将响应与AJAX相同的浏览器。提供选择文本和读取进度条监视的响应。
“`
function uploadFile() {
var form = document.getElementById(“upload”);
var formData = new FormData(form);
var xmlHttp = createXmlHttpRequest();
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var response = xmlHttp.responseText;
var obj = ON.parse(response);
var succ = obj.success;
if(succ == 1) {
alert(“上传完成!”);
} else {
alert(“上传失败!”);
}
}
else {
alert(“上传错误”);
}
}
};
xmlHttp.open(“POST”, “upload.aspx”, true);
xmlHttp.send(formData);
}
“`
3. ASP部分
处理获取的表单和文件处理对象中的数据,然后将文件保存到数据库。
“`
<%
Dim Upload
Set Upload = Server.CreateObject(“Persits.Upload”)
Upload.OverwriteFiles = false
Dim fName
Dim dName
Dim extension
Dim fileTypeName
Dim filePath
If Upload.Form(“Submit”) = “上传” Then
Upload.InMemory = true
Upload.SaveVirtual “/”
fName = Upload.Files(“file”).FileName
dName = Upload.Form(“dName”)
extension = Right(fName,Len(fName) – InStrRev(fName,”.”))
fileTypeName = LCase(fileTypeName)
if (Upload.ContentLength > 2 * 1024 * 1024) then
response.write “{“”success””:0,””msg””:””文件大小超过2MB!””}”
response.end
end if
If (extension “jpg” And extension “jpeg” And extension “png” And extension “gif” And extension “bmp”) Then
response.write “{“”success””:0,””msg””:””文件格式错误!””}”
response.end
End If
filePath = “upload/”& fName
Upload.Files(“file”).SaveAs (Server.MapPath(“../” & filePath))
cn.Execute “INSERT into file_info(full_name,path,time) values(‘” & dName & “‘,’ ” & filePath & ” ‘,’ ” & now() & ” ‘ ) “
response.write “{“”success””:1}”
End If
%>
“`
五、
这种基于ASP和AJAX的文件上传技术,可以让用户更快地上传文件,而无需等待。同时,将文件存储到数据库也让数据管理变得更简单、更直观。ASP和AJAX技术的组合,成为我们开发高效、快捷、强大的Web应用程序的重要工具。
相关问题拓展阅读:
- asp页面如何接收ajax传过来的json数据
asp页面如何接收ajax传过来的json数据
的值是无法直接用ASP获取,是属于客户端语言,ASP是服务器端无法直接调用的。
bytecount = Request.TotalBytes
bytes = Request.BinaryRead(bytecount)
Set stream = Server.CreateObject(“旁纯ADODB.Stream”)
stream.Type = 1 ‘adTypeBinary
stream.Open()
stream.Write(bytes)
stream.Position = 0
stream.Type = 2 ‘adTypeText
stream.Charset = “utf-8”
s = stream.ReadText() ‘here is your json as a string
stream.Close()
Set stream = nothing
Response.write(s)
得到的s就是json格式的字符串,就象{“userid”:”apple”,”password”:”test123456″}
然后再利茄启颤用其它工具可以将json字符串中的相关信息提取出来。这个网上有很多示颤败例。
关于asp ajax 上传数据库的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。