php中如何调用数据库中的图片并且显示到页面

php是采用二进制形式存储图片及读取显示的，首先通过代码创建数据表，然后上传图片服务器再通过浏览器显示，具体编程代码举例：

1、首先需要创建数据表，具体代码如下图所示。

2、然后写上传图片到服务器的页面 upimage.html用来将图片上传数据库，如下图所示代码。

3、处理图片上传的php upimage.php文件，如下图所示图片已储存到数据库。

4、显示图片的php getimage.php文件，为了看一下效果提前把ID写入代码。

5、预览网站从数据库中提取了图片，并显示到页面上。

1、准备要显示的图片，并创建一个最简单的jsp页面，运行起来。

2、通过ImageIo读取图片。

3、将图像的元字节数据保存到bytearray中。

4、将图像的字节数据用base64编码，转换成base64字符串。

5、把base64编码过的字符串放到img元素的src属性上。

6、最后就可以看到效果了。

1.将图片以二进制存入数据库

//保存图片到数据库

protected void Button1_Click(object sender, EventArgs e)

{

//图片路径

string strPath = "~/photo/03.JPG"

string strPhotoPath = Server.MapPath(strPath)

//读取图片

FileStream fs = new System.IO.FileStream(strPhotoPath, FileMode.Open, FileAccess.Read)

BinaryReader br = new BinaryReader(fs)

byte[] photo = br.ReadBytes((int)fs.Length)

br.Close()

fs.Close()

//存入

SqlConnection myConn = new SqlConnection("Data Source=127.0.0.1Initial Catalog=TestDBUser ID=saPassword=sa")

string strComm = " INSERT INTO personPhoto(personName, personPhotoPath, personPhoto) "

strComm += " VALUES('wangwu', '" + strPath + "', @photoBinary )"

SqlCommand myComm = new SqlCommand(strComm, myConn)

myComm.Parameters.Add("@photoBinary", SqlDbType.Binary,photo.Length)

myComm.Parameters["@photoBinary"].Value = photo

myConn.Open()

myComm.ExecuteNonQuery()

myConn.Close()

}

2.读取二进制图片在页面显示

//读取图片

SqlConnection myConn = new SqlConnection("Data Source=127.0.0.1Initial Catalog=TestDBUser ID=saPassword=sa")

string strComm = " SELECT personPhoto FROM personPhoto WHERE personName='wangwu' "

SqlCommand myComm = new SqlCommand(strComm, myConn)

myConn.Open()

SqlDataReader dr = myComm.ExecuteReader()

while (dr.Read())

{

byte[] photo = (byte[])dr["personPhoto"]

this.Response.BinaryWrite(photo)

}

dr.Close()

myConn.Close()

或

SqlConnection myConn = new SqlConnection("Data Source=127.0.0.1Initial Catalog=TestDBUser ID=saPassword=sa")

SqlDataAdapter myda = new SqlDataAdapter(" SELECT personPhoto FROM personPhoto WHERE personName='11' ", myConn)

DataSet myds = new DataSet()

myConn.Open()

myda.Fill(myds)

myConn.Close()

byte[] photo = (byte[])myds.Tables[0].Rows[0]["personPhoto"]

this.Response.BinaryWrite(photo)

3.设置Image控件显示从数据库中读出的二进制图片

---------------------------------------------

SqlConnection myConn = new SqlConnection("Data Source=192.168.0.1Initial Catalog=TestDBUser ID=saPassword=sa")

SqlDataAdapter myda = new SqlDataAdapter(" SELECT personPhoto FROM personPhoto WHERE personName='11' ", myConn)

DataSet myds = new DataSet()

myConn.Open()

myda.Fill(myds)

myConn.Close()

byte[] photo = (byte[])myds.Tables[0].Rows[0]["personPhoto"]

//图片路径

string strPath = "~/photo/wangwu.JPG"

string strPhotoPath = Server.MapPath(strPath)

//保存图片文件

BinaryWriter bw = new BinaryWriter(File.Open(strPhotoPath,FileMode.OpenOrCreate))

bw.Write(photo)

bw.Close()

3.显示图片

this.Image1.ImageUrl = strPath

4.GridView中ImageField以URL方式显示图片

--------------------------

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">

<Columns>

<asp:BoundField DataField="personName" HeaderText="姓名" />

<asp:ImageField DataImageUrlField="personPhotoPath"

HeaderText="图片">

</asp:ImageField>

</Columns>

</asp:GridView>

5.GridView显示读出的二进制图片

//样板列

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowDataBound="GridView1_RowDataBound">

<Columns>

<asp:BoundField DataField="personName" HeaderText="姓名" />

<asp:ImageField DataImageUrlField="personPhotoPath"

HeaderText="图片">

</asp:ImageField>

<asp:TemplateField HeaderText="图片">

<ItemTemplate>

<asp:Image ID="Image1" runat="server" />

</ItemTemplate>

</asp:TemplateField>

</Columns>

</asp:GridView>

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowIndex <0)

return

// System.ComponentModel.Container

string strPersonName = (string)DataBinder.Eval(e.Row.DataItem, "personName")

Image tmp_Image = (Image)e.Row.Cells[2].FindControl("Image1")

if (!System.Convert.IsDBNull(DataBinder.Eval(e.Row.DataItem, "personPhoto")))

{

//

byte[] photo = (byte[])DataBinder.Eval(e.Row.DataItem, "personPhoto")

//图片路径

string strPath = "~/photo/" + strPersonName.Trim() + ".JPG"

string strPhotoPath = Server.MapPath(strPath)

//保存图片文件

BinaryWriter bw = new BinaryWriter(File.Open(strPhotoPath, FileMode.OpenOrCreate))

bw.Write(photo)

bw.Close()

//显示图片

tmp_Image.ImageUrl = strPath

}

}

---