向Access數(shù)據(jù)庫上傳且顯示圖片

2024-09-07 19:03:46

字體：大中小

供稿：網(wǎng)友

本文從多個角度來講解如何在Access數(shù)據(jù)庫上如何上傳并且顯示上所上傳圖片。

在動態(tài)網(wǎng)站制做過程中，需要上傳圖片、顯示圖片，上傳的圖片要能夠保存在數(shù)據(jù)庫中，一般小型網(wǎng)站只支持Access數(shù)據(jù)庫，如何上傳圖片，將其保存在數(shù)據(jù)庫中并將其顯示出來，是數(shù)據(jù)庫 ASP應(yīng)用技術(shù)之一。許多書籍只介紹了SQL數(shù)據(jù)庫的方法，而對Access卻很少提及。網(wǎng)上有不少關(guān)于Access數(shù)據(jù)庫上傳圖片、顯示圖片的文章，多數(shù)文章介紹的不夠全面，有些程序根本就不能開通，對于初學(xué)者來說很難把握，我通過參考一些文章，向初學(xué)者提供一套比較完整的程序，較全面地介紹了利用上傳向Access數(shù)據(jù)庫添加圖片、顯示圖片，希望我們這些初學(xué)的同志少走一些彎路。

第一步、要制做一個Access數(shù)據(jù)庫，我們給它起名字叫images.mdb，該數(shù)據(jù)庫里有兩個字段：id、img，id字段的類型設(shè)為自動編號，img字段的類型設(shè)為OLE對象。

第二步、設(shè)計(jì)一個上傳的表單，根據(jù)要求可簡可繁。

第三步、設(shè)計(jì)后臺的圖片處理程序，可分為圖片上傳保存程序和圖片讀取程序。

第四步、圖片顯示。

下面給出程序并分別做介紹。

一、表單程序updata.html

它的功能是為上傳提供一個界面，表單的enctype屬性為multipart/form-data，它是設(shè)置表單的MIME編碼的，只有使用了它才能完整地傳送文件的數(shù)據(jù)。

以下為引用的內(nèi)容：

＜html＞

＜body＞

＜center＞

＜form name="mainForm" enctype="multipart/form-data"

action="process.asp" method="post"＞

＜input type=file name=mefile＞

＜input type=submit name=ok value="上傳"＞

＜/form＞

＜/center＞

＜/body＞

＜/html＞

二、圖片的上傳與保存程序process.asp

以下為引用的內(nèi)容：

＜%

response.buffer=true

formsize=request.totalbytes

formdata=request.binaryread(formsize)

bncrlf=chrB(13) & chrB(10)

divider=leftB(formdata,clng(instrb(formdata,bncrlf))-1)

datastart=instrb(formdata,bncrlf & bncrlf) 4

dataend=instrb(datastart 1,formdata,divider)-datastart

mydata=midb(formdata,datastart,dataend)

set connGraph=server.CreateObject("ADODB.connection")

connGraph.Open "Provider=Microsoft.Jet.OLEDB.4.0;
Data Source=" & server.MapPath("images.mdb")

set rec=server.createobject("ADODB.recordset")

rec.Open "SELECT * FROM images where id is null",connGraph,1,3

rec.addnew

rec("img").appendchunk mydata

rec.update

rec.closes

set rec=nothing

set connGraph=nothing %＞

這段程序的功能是將上傳圖片的數(shù)據(jù)保存到數(shù)據(jù)庫里。下面分句說明各語句的作用。

以下為引用的內(nèi)容：

response.buffer=true

formsize=request.totalbytes

formdata=request.binaryread(formsize)

打開緩存功能，獲取客戶端總的發(fā)送數(shù)據(jù)量，獲取上傳過來的數(shù)據(jù)。

以下為引用的內(nèi)容：

bncrlf=chrB(13) & chrB(10)

divider=leftB(formdata,clng(instrb(formdata,bncrlf))-1)

這兩個語句的意思是設(shè)一個二進(jìn)制回車符及得到一個divider分隔符，目的是為了確定圖片的位置。

以下為引用的內(nèi)容：

datastart=instrb(formdata,bncrlf & bncrlf) 4

dataend=instrb(datastart 1,formdata,divider)-datastart

mydata=midb(formdata,datastart,dataend)

以上三個語句是確定圖片數(shù)據(jù)的起始位置、結(jié)束位置及實(shí)際圖片的數(shù)據(jù)。

以下為引用的內(nèi)容：

set connGraph=server.CreateObject("ADODB.connection")

connGraph.Open "Provider=Microsoft.Jet.OLEDB.4.0;
Data Source=" & server.MapPath("images.mdb")

創(chuàng)建connection對象，并連接Microsoft　Access數(shù)據(jù)庫。

以下為引用的內(nèi)容：

set rec=server.createobject("ADODB.recordset")

rec.Open "SELECT * FROM images where id is null",connGraph,1,3

rec.addnew

rec("img").appendchunk mydata

創(chuàng)建recordset對象，打開數(shù)據(jù)庫并置為寫入狀態(tài)，執(zhí)行rec.addnew增加一條新記錄，調(diào)用FIELD對象的appendchunk方法將圖片數(shù)據(jù)保存到數(shù)據(jù)庫表的字段中。

后邊幾句關(guān)閉數(shù)據(jù)庫，釋放定義組件的設(shè)置。

三、圖片的讀取程序showing.asp

以下為引用的內(nèi)容：

＜%

set connGraph=server.CreateObject("ADODB.connection")

connGraph.Open "Provider=Microsoft.Jet.OLEDB.4.0;
Data Source=" & server.MapPath("images.mdb")

set rec=server.createobject("ADODB.recordset")

id=trim(request.querystring("id"))

strsql="select img from images where id="&Request.QueryString("id")&""

rec.open strsql,connGraph,1,1

Response.ContentType = "image/gif"

Response.BinaryWrite rec("img").getChunk(7500000)

rec.close

set rec=nothing

set connGraph=nothing

%＞

以上程序是顯示圖片的后臺程序，主要功能是按照要求的ID號讀取數(shù)據(jù)庫中圖片的數(shù)據(jù)。

Response.BinaryWrite rec("img").getChunk(7500000)

這里調(diào)用了FIELD對象的getChunk（SIZE）方法，SIZE是字節(jié)數(shù)。

需要注意的是使用Response對象的 ContentType屬性時MIME類型的設(shè)置，我們這里將返回?cái)?shù)據(jù)的類型設(shè)為圖形方式即image/gif方式，它可以顯示GIF或JPG格式的圖形，如果設(shè)置為image/*，程序在執(zhí)行時將不能顯示圖片。

四、圖片的顯示程序show.html

圖片上傳保存到數(shù)據(jù)庫里就可以調(diào)用程序顯示圖片了，我們再做一個表單程序，提供要顯示圖片的ID號。

以下為引用的內(nèi)容：

＜html＞

＜body＞

＜center＞

＜form name="mainForm" enctype="text/plain"

action="showing.asp" method="get"＞

請輸入要顯示圖片的序號：＜input type=id name=id＞

以下為引用的內(nèi)容：

＜input type=submit name=ok value="提交"＞

＜/form＞