使用ASP和AJAX技术实现快捷上传并存储至数据库 (asp ajax 上传数据库)

一、引言

如今,在网络应用方面,特别是在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 上传数据库的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《使用ASP和AJAX技术实现快捷上传并存储至数据库 (asp ajax 上传数据库)》
文章链接:https://zhuji.vsping.com/136898.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。