none
MS Knowledge Base: Bagaimana cara mengupload dan menampilkan gambar dalam ASP.NET FormView control? RRS feed

  • Diskusi Umum

  • Artikel ini menjelaskan tentang sampel All-In-One Code Framework yang tersedia untuk di-download. Sampel kode ini menunjukkan bagaimana untuk menampilkan dan meng-upload gambar dalam kontrol ASP.NET FormView. Sampel kode ini juga menunjukkan bagaimana menerapkan Insert, Edit, Update, Delete dan fungsi Paging dalam FormView control.

    Catatan
    Tidak disarankan untuk menggunakan sampel kode yang dijelaskan dalam artikel ini dalam production environment. Sampel kode ini disediakan hanya sebagai ilustrasi. Sampel kode ini dirilis di bawah persyaratan dari Microsoft Public License (MS-PL). 

    Tingkat Kesulitan

                Pemula

    Pembahasan Teknis

    Sampel ini mencakup dua halaman berikut:
    - Default
    - Gambar


    Halaman Default
    mempopulasikan kontrol FormView dengan menggunakan data dari database SQL Server. Halaman Default menyediakan user interface (UI) untuk manipulasi data.

    Dalam kedua InsertItemTemplate dan EditItemTemplate
    template, ada kontrol FileUpload untuk mendapatkan file gambar yang diinginkan ketika anda melakukan insert atau update. Kode berikut menggunakan kontrol FileUpload:

     

    FileUpload uploadPicture = (FileUpload)fvPerson.FindControl("uploadPicture");

     

    if (uploadPicture.HasFile)

    {

        cmd.Parameters.Add("@Picture", SqlDbType.VarBinary).Value = uploadPicture.FileBytes;

    }

    else

    {

        cmd.Parameters.Add("@Picture", SqlDbType.VarBinary).Value = DBNull.Value;

    }

     

    Dalam InsertItemTemplate, EditItemTemplate, dan ItemTemplate template, kontrol Image melink ke halaman Image untuk menampilkan gambar. Kode berikut menggunakan kontrol Image:

     

    <asp:Image ID="imgPicture" runat="server" 
    ImageUrl ='<%# Eval("PersonID","Image.aspx?PersonID={0}") %>' Width="128px" 
    Height="128px" />

     

    Image page digunakan untuk mengambil gambar dari database SQL Server dan untuk menampilkan gambar dalam halaman Web.

    Image page mengambil data gambar dari database berdasarkan nilai dalam sebuah query string. Kemudian, Image page menulis byte array ke output stream HTTP untuk menampilkan gambar.

     

    Catatan Untuk informasi lebih lanjut tentang cara membuat sampel aplikasi dan bagaimana cara menggunakan sampel aplikasi, lihat file readme.txt yang disertakan dalam paket download.

    Kategori Teknologi

    • ASP.NET

    Bahasa Pemograman

     

    Contoh kode ini memuat bahasa pemograman dibawah ini:Collapse this tableExpand this tableCollapse this tableExpand this table

    Language

    Project Name

    Visual C#

    CSASPNETFormViewUpload

    Visual Basic .NET

    VBASPNETFormViewUpload

    Prasyarat

    • Sampel aplikasi ini dibuat menggunakan Visual Studio 2008 Service Pack 1.
    • Instance dari SQL Server 2005 atau SQL Server 2008.

     

    Catatan Jika instance dari SQL Server anda bukan merupakan edisi Express, lampirkan file database (.mdf) yang disertakan dalam folder App_Data, kemudian modifikasi connection string dalam file Web.config.

     

     

    Link yang berkaitan:
    Working with User Instances (http://msdn2.microsoft.com/en-us/library/ms254504.aspx)
    How to: Attach a Database (SQL Server Management Studio) (http://msdn.microsoft.com/en-us/library/ms190209.aspx)
    How To: Connect to SQL Server Using Windows Authentication in ASP.NET 2.0 (http://msdn.microsoft.com/en-us/library/ms998292.aspx)
    How To: Connect to SQL Server Using SQL Authentication in ASP.NET 2.0 (http://msdn.microsoft.com/en-us/library/ms998300.aspx)

     

    Referensi

    http://support.microsoft.com/kb/981777/en-us


    Agnes Sannie [MSFT]
    MSDN Community Support | Feedback to us
    Get or Request Code Sample from Microsoft
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    Selasa, 10 Mei 2011 03.29
    Moderator