您的位置：首页 > 编程语言 > ASP

用ASP.NET创建和保存图片到数据库

2004-08-10 17:35 411 查看 
                              用ASP.NET创建和保存图片到数据库

By Max Cappellari MCSD 译 涟漪勇


下载源码

当我们开发电子商务类型的网站，我们一定会遇将每一个产品的产品图片（大图片和所略图）存储到数据库的问题，每一个产品的同一个图片上传两种大小不同的尺寸似乎是件不可能的事情，我建了一个方程来实现：创建一个特殊尺寸的所略图和存储两个图片（原始的和所略的）到SQL数据库。另外我建了一个Class用于取出图片和显示图片在网页上。

The SQL Database

SQL数据库

首先，让我讲讲一些关于产品数据库的信息。图片可以存储在用Image类型的字段的数据库中。另外，我们还需要一个varchar 的字段去存储图片的类型（GIF, JPG, BMP等等），这是很重要的对于显示图片从数据库中找到相应的数据。我建了一个Product_Image 表，Product_Image 表涉及到商品表（Product）的ProdID ，但是这一点并不是很重要的，下面是Product_Image 表的数据结构。

CREATE TABLE [Product_image] (
[imageID] [int] IDENTITY (1, 1) NOT NULL ,
[ProdID] [int] NOT NULL ,
[LG_img_name] [varchar] (50),
[LG_img_data] [image] NULL ,
[LG_img_contenttype] [varchar] (50) ,
[SM_img_name][varchar] (50),
[SM_img_data] [image] NULL ,
[SM_img_contenttype] [varchar] (50), )

你可以看到我存储两个图片为每一个产品(LG_img and SM_img)，每一个图片有三的字段(name, data, and contenttype).我还建了一个存储过程，insert_Product_image，去完成插入图片的数据库的功能。

CREATE PROCEDURE [insert_Product_image] (
@ProdID [int],
@img_name [varchar](50),
@img_data [image],
@img_contenttype [varchar](50),
@img_name2 [varchar](50),
@img_data2 [image],
@img_contenttype2 [varchar](50) )
AS
begin transaction
delete from Product_image where ProdID = @ProdID
INSERT INTO [Product_image] (
[ProdID],
[LG_img_name],
[LG_img_data],
[LG_img_contenttype],
[SM_img_name],
[SM_img_data],
[SM_img_contenttype] )
VALUES (
@ProdID,
@img_name,
@img_data,
@img_contenttype,
@img_name2,
@img_data2,
@img_contenttype2)
commit transaction

The Input Form — SaveImage.aspx

输入窗体— SaveImage.aspx

我设计了一个简单的输入窗体去得到图片和产品ID由用户输入，文件的名字是SaveImage.aspx:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>New Product Image</title>
</HEAD>
<body>
<form id="Form1" method= "post" runat= "server" enctype= "multipart/form-data">
Prod ID: <asp:textbox id="txtProdID"></asp:textbox><br>
Image:<INPUT id= "fUpLoadImage"type="file"runat="server"><br>
<INPUT id= "btnSave" type="button" value="Save Image" name="btnSave" runat="server">
</form>
</body>
</html>

请注意enctype="multipart/form-data代码在<form>标记内的，这是必须的当一个binary数据（图片）传送到服务器端。

The Code Behind — SaveImage.aspx.vb

后置代码— SaveImage.aspx.vb

下面的后置代码SaveImage.aspx功能是返回数据从窗体并且存储到数据库，有三个方程在这里SaveImageToDB, createThumnail, 和NewThumbSize:

Imports System.Web.UI
Imports System.Web.UI.WebControls
Imports System.Web.UI.HtmlControls
Imports System.IO
Imports System.Drawing
Imports System.Drawing.Imaging

SaveImageToDB调用存储过程insert_Product_image去完成插入图片到数据库,createThumnail创建一个新的基于宽Width and 高Height 传递给方程. 在我的例子中，我用一个尺寸为145x145象素的图片作为所略图的大小，方程NewThumbSize 将基于原始的图片的比例进行调整新的图片并且返回适当的尺寸。

如果有任何问题可以发送到作者信箱：maxcappellari@yahoo.com.
或者到涟漪勇的信箱：rippleyong@hotmail.com

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航