`

asp.net 2中的图片上传

阅读更多

    BETA 2出来了,暂时还没得到,因此还是用BETA 1研究。在asp.net 2中,如何实现图片的上传展示呢?下面,我用GRIDVIEW搭配文件上传功能进行实现(而实现文件上传的原理大致一样)。在ASP。NET 2中,GRIDVIEW十分方便了,在做编辑,更新,取消时,比.net 1.1写的代码更加少了。下面举例子说明,我使用的是northwind数据库的category表,其中没使用picture字段,因为它是IMAGE类型的,不想破坏这个表的结构,因此添加了PICTURE1字段,类型是VARCHAR,纯粹是存放
上传图片的绝对路径,为了演示方便。

  <%@ Page Language="C#" AutoEventWireup="true"  %>
<script runat="server">
   protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)

   {

      FileUpload fileUpload = GridView1.Rows[e.RowIndex]. FindControl("FileUpload1") as FileUpload;

 

      fileUpload.SaveAs(System.IO.Path.Combine("d:\\", fileUpload.FileName));

 

      SqlDataSource1.UpdateParameters["picture1"].DefaultValue = "d:\\"+fileUpload.FileName;

   }

</script>

 

<html " >

<head id="Head1" runat="server">

    <title>Untitled Page</title>

</head>

<body>

   <form id="form1" runat="server">

   <div>

      <asp:GridView AutoGenerateColumns="False" DataKeyNames="CategoryID" DataSourceID="SqlDataSource1" ID="GridView1" runat="server" OnRowUpdating="GridView1_RowUpdating">

          <Columns>

             <asp:CommandField ShowEditButton="True"></asp:CommandField>

             <asp:BoundField DataField="CategoryID" HeaderText="CustomerID" InsertVisible="False" ReadOnly="True" SortExpression="CategoryID"></asp:BoundField>

             <asp:BoundField DataField="categoryName" HeaderText="categoryName" SortExpression="categoryName"></asp:BoundField>

             <asp:TemplateField HeaderText="picture"><EditItemTemplate>

                    <asp:FileUpload ID="FileUpload1" runat="server" />

                 </EditItemTemplate>
                 <ItemTemplate>
                     <asp:Image ID="picture" Runat="server" ImageUrl='<%# Eval("picture1") %> ' />
                 </ItemTemplate>

             </asp:TemplateField>

           </Columns>

        </asp:GridView>

        <asp:SqlDataSource ConnectionString="server=localhost;uid=sa;password=XXXXX;database=northwind"

            ID="SqlDataSource1" runat="server"

            SelectCommand="SELECT [CategoryID], [categoryName], [picture1] FROM [Categories]"

            UpdateCommand="UPDATE [categories] SET [categoryname] = @categoryname, [picture1] = @picture1 WHERE [CategoryID] = @original_categoryID">

        <UpdateParameters>

            <asp:Parameter Name="picture1"  />

        </UpdateParameters>

        </asp:SqlDataSource>

    </div>

    </form>

</body>

</html>

   看,在asp.net 2中,就是这么简单,用了一个gridview,展示了该表中的字段,以及用<image>控件,也把数据库的图也展示出来了。而且还可以象asp.net 1.1那样,用了模版列,其中有更新,编辑,取消等功能。当编辑某一行时,注意:
<EditItemTemplate>

                    <asp:FileUpload ID="FileUpload1" runat="server" />

                 </EditItemTemplate>
其中包含了文件上传的控件。而在gridviewupdating事件中,首先将上传的文件保存到磁盘中,然后,
SqlDataSource1.UpdateParameters["picture1"].DefaultValue = "d:\\"+fileUpload.FileName;
中,将上传图片的完整路径和文件名传值给sqldatasource的updateparameters的参数集合,再用sqldatasource的updatecommand实现将文件名真正保存到数据库的picture1字段中去。

分享到:
评论

相关推荐

    asp.net实现上传图片后并显示

    在ASP.NET中实现上传图片并在页面上显示是一个常见的需求,主要涉及到文件上传、图像处理以及前端展示等技术。以下是对这个主题的详细说明: 一、ASP.NET文件上传基础 ASP.NET提供了一些内置的控件和类来支持文件...

    ASP.NET使用fileupload控件上传图片

    本文将详细介绍如何使用ASP.NET中的`FileUpload`控件来实现图片的上传,并进一步探讨如何将图片保存到服务器上的指定文件夹以及如何将图片以二进制形式存储到数据库中。 #### 二、FileUpload 控件介绍 `FileUpload...

    asp.net上传图片带进度条

    在ASP.NET中实现图片上传并显示进度条的功能是一项常见的需求,尤其在用户上传大体积图片时,进度条能提供良好的用户体验。以下将详细介绍如何在ASP.NET中构建这样的功能。 首先,我们需要理解上传过程的基本原理。...

    Asp.Net+flash批量上传图片+预览(此版带版权)

    在Asp.Net开发中,有时候我们需要实现用户可以批量上传图片并能实时预览的效果,而这个资源包就提供了这样的功能,但需要注意的是,它带有版权,只能用于学习目的,不可用于商业项目。 Asp.Net是微软公司推出的一种...

    ASP.NET多张图片上传

    在ASP.NET中实现多张图片上传是一项常见的需求,比如在用户个人资料编辑、产品展示或社交媒体平台等场景。下面将详细介绍如何在ASP.NET中实现多张图片的上传功能。 首先,我们需要在HTML页面上设置一个可以供用户...

    asp.net mvc 上传图片到数据库

    在ASP.NET MVC框架中,将图片上传到数据库是常见的需求,尤其在构建具有用户交互功能的网站时。本文将深入探讨如何使用C#语言来实现这个功能。 首先,我们需要了解ASP.NET MVC的基本概念。ASP.NET MVC(Model-View-...

    asp.net 批量上传图片demo

    ASP.NET批量上传图片的功能在许多Web应用中都有广泛的需求,特别是在内容管理、社交媒体或电子商务网站中。本示例“asp.net 批量上传图片demo”是基于.NET框架3.5开发的一个实例,它实现了用户可以一次性上传多张...

    ASP.NET MVC实现图片上传、图片预览显示

    在Web应用开发中,图片上传和预览显示是一项非常常见的需求,涉及到前端页面与后端处理的配合,以及对数据库的操作。 本文详细介绍了如何在*** MVC框架中实现图片上传和预览显示的整个过程,这包括前端页面设计、...

    ASP.NET 中图片上传功能

    在ASP.NET中实现图片上传功能是一项常见的需求,它允许用户在网页上选择本地图片并将其上传到服务器。这个过程涉及到多个技术层面,包括HTML表单、JavaScript验证、服务器端处理以及数据库存储。以下是对这一主题的...

    JS+asp.net+图片上传+预览+支持多上传+上传前预览

    在本文中,我们将深入探讨如何使用JavaScript(JS)与ASP.NET技术实现图片上传、预览以及支持多文件上传和上传前预览的功能。这个技术组合是现代Web应用中常见的需求,尤其是在用户交互丰富的网站和应用中。 首先,...

    ASP.NET的照相及上传功能

    2. **照片上传**:在ASP.NET中,文件上传通常通过`HttpPostedFileBase`类来处理。当用户选择一个本地文件并提交表单时,这个类可以获取到文件的信息,包括文件名、类型和内容。然后,开发者可以使用`SaveAs`方法将...

    ASP.NET批量上传图片

    在ASP.NET中,批量上传图片是一项常见的功能,尤其在构建涉及用户交互的Web应用程序时,如社交媒体、电子商务网站或内容管理系统。批量上传允许用户一次性上传多个图片,提高用户体验并减轻服务器压力。以下是对这一...

    asp.net(c#)实现在线拍照上传

    ASP.NET(C#)在线拍照上传是一个常见的功能需求,尤其在在线教育、远程认证和考试系统等场景中。本文将详细解析如何利用ASP.NET和C#实现这一功能,结合Flash和摄像头技术,创建一个实时拍照并上传的系统。 首先,...

    asp.net上传多张图片

    在ASP.NET中,上传多张图片是一项常见的功能需求,尤其在构建交互性强的Web应用程序时。这个场景下,用户可以通过点击一个按钮来添加多个图片上传控件,以便一次性上传多张图片。以下将详细讲解如何实现这一功能。 ...

    asp.net 实现图片批量上传

    总结,实现ASP.NET图片批量上传涉及的关键技术点包括:FileUpload控件的多选功能,上传事件的处理,动态添加控件,图片的处理与保存,以及可能的异步上传和用户体验优化。通过熟练掌握这些技术,你可以构建出高效且...

    ASP.NET中图片的上传下载实例

    在这个"ASP.NET中图片的上传下载实例"中,我们将探讨如何在ASP.NET(C#)环境中实现图片的上传和下载功能,这对于任何涉及到用户交互和媒体管理的Web应用来说都是至关重要的。 一、图片上传 1. 文件输入控件:首先...

    ASP.NET通过HTML的上传文件标签来上传文件

    在ASP.NET中处理文件上传是常见的需求,尤其是在用户需要提交图片、文档或其他数据文件时。这篇博客文章“ASP.NET通过HTML的上传文件标签来上传文件”将引导我们了解如何在ASP.NET环境中实现文件上传功能。 首先,...

    asp.net批量上传图片

    在ASP.NET中,批量上传图片是一项常见的功能,尤其在构建涉及用户交互的Web应用程序时,如社交媒体、电子商务网站等。批量上传图片的功能可以极大提升用户体验,让用户能够一次性上传多张图片,而不需要逐个操作。...

    asp.net中Ckeditor上传图片

    在ASP.NET环境中集成CKEditor并实现图片上传功能是一项常见的需求,尤其对于内容管理或博客系统而言。CKEditor是一款强大的富文本编辑器,它允许用户在网页上编辑HTML内容,包括插入图片、链接、表格等元素。下面将...

    asp.net图片批量上传

    总结来说,实现ASP.NET图片批量上传涉及前端的文件选择和异步发送,后端的文件接收、验证和保存,以及可能的数据库交互和安全性控制。通过合理的设计和编程,可以创建高效且安全的图片批量上传功能。在实际开发中,...

Global site tag (gtag.js) - Google Analytics