當前位置:首頁 » 數據倉庫 » html把圖片存到資料庫
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

html把圖片存到資料庫

發布時間: 2022-05-18 06:09:48

『壹』 怎麼把圖片存入mysql資料庫,使用html讀取出來

讀出二進制,轉化成流,然後write到頁面上
byte[] blob = userinfo.getPhoto();
if(blob!=null){
response.reset(); response.setContentType("image/"+dat); OutputStream toClient = response.getOutputStream(); try { toClient.write(blob); } catch (Exception e) { e.printStackTrace(); }finally{ toClient.flush(); toClient.close(); } response.flushBuffer(); }
寫資料庫
byte[] bFile = new byte[(int) files[0].length()];FileInputStream fileInputStream = new FileInputStream(files[0]);fileInputStream.read(bFile);fileInputStream.close();userinfo.setPhotoname(photoName[0]);userinfo.setPhoto(bFile);
user.save(userinfo);
我這個是java的,不知道和你的一不一樣

『貳』 java怎樣把圖片保存到資料庫然後讀出來在html中顯示

一般是將圖片本體存放到OSS,圖片的路徑存放到資料庫,然後jsp中獲取的是他的路徑
然後用<img src="OSS的鏈接/"+你資料庫的圖片路徑> 你可以用本地圖片試試 將圖片本體存放在你的E盤/image下面 然後你存入資料庫的是你的圖片名 然後將圖片上傳到本地 然後使用<img src='E盤/image'+資料庫裡面的圖片名> 就可以顯示了 你可以試試

『叄』 求用html把照片上傳到sql的代碼,急用!謝謝

用ASP編寫網站應用程序時間長了,難免會遇到各式各樣的問題,其中

關於如何上傳文件到伺服器恐怕是遇見最多的問題了,尤其是上傳圖片,比如你想要在自己的社區裡面實現類似網易虛擬社區提供的「每日一星」的功能,就要提供給網友上傳照片的功能。上傳圖片文件到伺服器可以使用各種免費的文件上傳組件,使用起來功能雖然很強大,但是由於很多情況下,我們只能使用免費的支持ASP的空間或者租用別人的虛擬空間,對於第一種情況,我們根本就沒有可能來使用文件上傳組件;至於第二種情況,我們也要付出不少的「銀子」才可以。除非你擁有自己的虛擬主機,你就可以隨便的在伺服器上面安裝自己所需要的組件,這種情況對於大多數人來說是可望而不可及的。那我們就沒有辦法了嗎?呵呵,答案是肯定的(當然是肯定的了,要不然我也沒法寫出這篇文章啊)。下面就讓我們一起來使用純ASP代碼來實現圖片的上傳以及保存到資料庫的功能(順便也實現顯示資料庫中的圖片到網頁上的功能)。

首先我們先來熟悉一下將要使用的對象方法。我們用來獲取上一個頁面傳遞過來的數據一般是使用Request對象。同樣的,我們也可以使用Request對象來獲取上傳上來的文件數據,使用的方法是Request.BinaryRead()。而我們要從資料庫中讀出來圖片的數據顯示到網頁上面要用到的方法是:

Request.BinaryWrite()。在我們得到了圖片的數據,要保存到資料庫中的時候,不可以直接使用Insert語句對資料庫進行操作,而是要使用ADO的AppendChunk方法,同樣的,讀出資料庫中的圖片數據,要使用GetChunk方法。各個方法的具體語法如下:

* Request.BinaryRead語法:

variant = Request.BinaryRead(count)

參數

variant

返回值保存著從客戶端讀取到數據。

count

指明要從客戶端讀取的數據量大小,這個值小於或者等於使用方法

Request.TotalBytes得到的數據量。

* Request.BinaryWrite語法:

Request.BinaryWrite data

參數

data

要寫入到客戶端瀏覽器中的數據包。

* Request.TotalBytes語法:

variant = Request.TotalBytes

參數

variant

返回從客戶端讀取到數據量的位元組數。

* AppendChunk語法

將數據追加到大型文本、二進制數據 Field 或 Parameter 對?

object.AppendChunk Data

參數

object Field 或 Parameter 對象

Data 變體型,包含追加到對象中的數據。

說明

使用 Field 或 Parameter 對象的 AppendChunk 方法可將長二進制或字元數據填寫到對象中。在系統內存有限的情況下,可以使用 AppendChunk 方法對長整型值進行部分而非全部的操作。

* GetChunk語法

返回大型文本或二進制數據 Field 對象的全部或部分內容 。

variable = field.GetChunk( Size )

返回值

返回變體型。

參數

Size 長整型表達式,等於所要檢索的位元組或字元數。

說明

使用 Field 對象的 GetChunk 方法檢索其部分或全部長二進制或字元數據。在系統內存有限的情況下,可使用 GetChunk 方法處理部分而非全部的長整型值。

GetChunk 調用返回的數據將賦給「變數」。如果 Size 大於剩餘的數據,則

GetChunk 僅返回剩餘的數據而無需用空白填充「變數」。如果欄位為空,則

GetChunk 方法返回 Null。

每個後續的 GetChunk 調用將檢索從前一次 GetChunk 調用停止處開始的數據。但是,如果從一個欄位檢索數據然後在當前記錄中設置或讀取另一個欄位的值,ADO 將認為已從第一個欄位中檢索出數據。如果在第一個欄位上再次調用 GetChunk 方法,ADO 將把調用解釋為新的 GetChunk 操作並從記錄的起始處開始讀取。如果其他 Recordset 對象不是首個 Recordset 對象的副本,則訪問其中的欄位不會破壞 GetChunk 操作。如果 Field 對象的 Attributes 屬性中的 adFldLong 位設置為 True,則可以對該欄位使用 GetChunk 方法。如果在 Field 對象上使用 Getchunk 方法時沒有當前記錄,將產生錯誤 3021(無當前記錄)。接下來,我們就要來設計我們的資料庫了,作為測試我們的資料庫結構如下(Access97):

欄位名稱 類型 描述

id 自動編號 主鍵值

img OLE對象 用來保存圖片數據

對於在MS SQL Server7中,對應的結構如下:

欄位名稱 類型 描述

id int(Identity) 主鍵值

img image 用來保存圖片數據

現在開始正式編寫我們的純ASP代碼上傳部分了,首先,我們有一個提供給用戶的上傳界面,可以讓用戶選擇要上傳的圖片。代碼如下

(upload.htm):

<html>

<;body>

<center>

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

action="process.asp" method=post>

<input type=file name=mefile><br>

<input type=submit name=ok value="OK">

</form>

<center>

</body>

</html>

注意代碼中黑色斜體的部分,一定要在Form中有這個屬性,否則,將無法得到上傳上來的數據。

接下來,我們要在process.asp中對從瀏覽器中獲取的數據進行必要的處理,因為我們在process.asp中獲取到的數據不僅僅包含了我們想要的上傳上來的圖片的數據,也包含了其他的無用的信息,我們需要剔除冗餘數據,並將處理過的圖片數據保存到資料庫中,這里我們以Access97為例。具體代碼如下(process.asp):

<%

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.ConnectionString="driver=;DBQ=" &

server.MapPath("images.mdb") & ";uid=;PWD=;"

connGraph.Open

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.close

set rec=nothing

set connGraph=nothing

%>

好了,這下我們就把上傳來的圖片保存到了名為images.mdb的資料庫中了,剩下的工作就是要將資料庫中的圖片數據顯示到網頁上面了。一般在HTML中,顯示圖片都是使用<IMG>標簽,也就是<IMG SRC="圖片路徑">,但是我們的圖片是保存到了資料庫中,「圖片路徑」是什麼呢?呵呵,其實這個SRC屬性除了指定路徑外,也可以這樣使用哦:

<IMG SRC="showimg.asp?id=xxx">

所以,我們所要做的就是在showimg.asp中從資料庫中讀出來符合條件的數據,並返回到SRC屬性中就可以了,具體代碼如下(showimg.asp):

<%

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

connGraph.ConnectionString="driver=;DBQ=" &

server.MapPath("images.mdb") & ";uid=;PWD=;"

connGraph.Open

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

strsql="select img from images where id=" & trim(request("id"))

rec.open strsql,connGraph,1,1

Response.ContentType = "image/*"

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

rec.close

set rec=nothing

set connGraph=nothing

%>

注意在輸出到瀏覽器之前一定要指定Response.ContentType = "image/*",以便正常顯示圖片。

最後要注意的地方是,我的process.asp中作的處理沒有考慮到第一頁(upload.htm)中還有其他數據,比如<INPUT type=tesxt name=userid>等等,如果有這些項目,你的process.asp就要注意處理掉不必要的數據。怎麼樣,其實上傳圖片並保存到資料庫很簡單吧,這樣再也不用為自己的空間無法使用各類的上傳組件發愁了吧。還等什麼?趕快試一試吧。

『肆』 怎麼把圖片存入mysql資料庫,並在html中實現圖片(模塊)按點擊排列

一種是把圖片的轉成二進制流,顯示的時候再用response對象轉換
一種是存放圖片路徑
存放圖片路徑進資料庫 調用的時候只要<img src="" width="" height="">
還是存路徑吧,文件進資料庫簡單,但是讀出顯示的時候會出很多問題,有時候顯示不正常。

『伍』 前台html頁面的img標簽圖片想動態從資料庫獲取,如何獲取

1、這個在資料庫中存儲img圖片的地址,前台放置img伺服器標簽,後台讀取資料庫中的img圖片地址賦值。

(5)html把圖片存到資料庫擴展閱讀


img 元素向網頁中嵌入一幅圖像。

請注意,從技術上講,<img> 標簽並不會在網頁中插入圖像,而是從網頁上鏈接圖像。<img> 標簽創建的是被引用圖像的佔位空間。

<img> 標簽有兩個必需的屬性:src 屬性 和 alt 屬性。

<img> 標簽的 src 屬性是必需的。它的值是圖像文件的 URL,也就是引用該圖像的文件的的絕對路徑或相對路徑。

為了整理文檔的存儲,創作者通常會把圖像文件存放在一個單獨的文件夾中,而且通常會將這些目錄命名為 "pics" 或者 "images" 之類的名稱。

在 W3School 在線教程中,我們的工程師把大部分常用的圖像都存放到一個名為 "i" 的文件夾中,"i"是 "images" 的縮寫,這樣做的好處是可以最大程度地簡化路徑。

在 HTML 中,<img> 標簽沒有結束標簽。在 XHTML 中,<img> 標簽必須被正確地關閉。

在 HTML 4.01 中,不推薦使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 屬性。

在 XHTML 1.0 Strict DTD 中,不支持 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 屬性。

『陸』 如何向資料庫中存儲html數據

1.
資料庫中保存的html內容都是文本格式,
資料庫欄位如oracle選用varchar2(2000)或clob(大對象)
2.
一般的html編輯器,是對上傳的對象(如圖片、文檔等)保存到伺服器臨時目錄,並在html代碼中保存html連接的方式
因此,向資料庫中寫html頁面實際上就相當於把html的文本保存到資料庫中,如果文本較大,
可以用中間變數做緩存(buffer)

『柒』 html5 canvas在線生成圖片後怎麼樣保存到資料庫(伺服器端)而不是本地

canvas畫布保存為圖片:

functionconvertCanvasToImage(canvas){
varimage=newImage();
image.src=canvas.toDataURL("image/png");
returnimage;

canvas參數為你的canvas對象,返回一個圖片對象,你可以將這個image放到網頁結構中,如果要保存圖像,可以將canvas.toDataURL("image/png")返回的base64格式的圖片數據放到input(type=hidden)中,用戶點擊上傳按鈕(或設置表單自動提交),將base64格式的數據上傳

形如:

data:image/png;base64,/oMwlEs8yMgvJVcjyMbSYaERogCC0/kYEBAG/wdxC2W2tUAAAAAElFTkSuQmCC

伺服器端接收到字元串(以上字元串可以直接在瀏覽器中打開,IE低版本就算了,能用canvas的瀏覽器都可以)後根據data:image/png得知應該保存的文件類型擴展名(png),然後將base64,後面的base64編碼字元串解碼(後端語言實現,如PHP用base64_decode()函數),將解碼後的二進制數據以二進制的形式保存到伺服器上(圖片形式)

如果存資料庫,可以直接存base64編碼,讀取時候解碼也行,圖片建議以文件形式存儲,資料庫不適合存大文件

『捌』 html文本編輯器中寫的文字和上傳的圖片是怎樣保存在資料庫中的,將文字和圖片存放在一個欄位中

文本編輯器的話,是將文字連同編輯好的樣式一起存到資料庫中,圖片是保存圖片鏈接。

『玖』 html5中,ajax怎麼添加圖片到資料庫中

使用formdata

『拾』 怎麼把文本和圖片一起保存在資料庫中(30分)

其實沒有必要一定要把圖片和文字的數據存在一起,並且存入資料庫;
網上給你的效果,可能會誤導你,一般來說,網上提供給你的文本輸入區域,實際上可能是個展示區域,實際上後台數據圖片只是個鏈接。有些博客站點或者個人網站,寫日誌的時候,就分為文本輸入和HTML輸入,兩種方式!
所以資料庫只需要存儲HTML(或者是其他標記性的語言)代碼(圖片則會上傳到網站指定目錄以文件方式存儲)。