Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 103,429

HOME > Windows Azure > Windows Azure (Storage) and .Net Application (C#) > ตอนที่ 4 : How to use .Net (Asp.net) Upload file to Blob การอัพโหลดไฟล์ลงใน Blob



ตอนที่ 4 : How to use .Net (Asp.net) Upload file to Blob การอัพโหลดไฟล์ลงใน Blob

ตอนที่ 4 : How to use .Net (Asp.net) Upload file to Blob การอัพโหลดไฟล์ลงใน Blobบทความนี้จะเป็นตัวอย่างการเขียน ASP.Net กับ Blob Storage ของ Windows Azure โดยจะยกตัวอย่าง คือการใช้ ASP.Netอ่านไฟล์ที่อยู่ใน Local แล้ว Upload ไฟล์ไปจัดเก็บไว้ในบน Blob และการ Upload ไฟล์ผ่านการ Browse ของ Control ใน ASP.Net

How to use .Net (ASP.Net) Upload file to Blob

ไฟล์ทีจะ Upload ลงไปใน Blob


Syntax การ Upload
// Create the blob client.
CloudBlobClient blobClient = storageAccount.CreateCloudBlobClient();

// Retrieve reference to a previously created container.
CloudBlobContainer container = blobClient.GetContainerReference("mycontainer");

// Retrieve reference to a blob named "myblob".
CloudBlockBlob blockBlob = container.GetBlockBlobReference("myblob");

// Create or overwrite the "myblob" blob with contents from a local file.
using (var fileStream = System.IO.File.OpenRead(@"path\myfile"))
{
    blockBlob.UploadFromStream(fileStream);
}


ตัวอย่างไฟล์รูปที่จะ Upload ไปไว้บน Blob

Example 1 เขียน ASP.Net เพื่ออ่านไฟล์จาก Local แล้ว Upload ไปยัง Blob บน Windows Azure

Default.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using Microsoft.WindowsAzure.Storage;
using Microsoft.WindowsAzure.Storage.Auth;
using Microsoft.WindowsAzure.Storage.Blob;


namespace myWebApp
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            // Create the connectionstring
            String StorageConnectionString = "DefaultEndpointsProtocol=https;AccountName=[yourAccount];AccountKey=[yourKey]";

            // Retrieve storage account from connection string.
            CloudStorageAccount storageAccount = CloudStorageAccount.Parse(StorageConnectionString);

            // Create the blob client.
            CloudBlobClient blobClient = storageAccount.CreateCloudBlobClient();

            // Retrieve reference to a previously created container.
            CloudBlobContainer container = blobClient.GetContainerReference("pictures");

            // Retrieve reference to a blob named "win.jpg".
            CloudBlockBlob blockBlob = container.GetBlockBlobReference("win.jpg");

            // Create or overwrite the "myblob" blob with contents from a local file.
            using (var fileStream = System.IO.File.OpenRead(@"C:\img\win.jpg"))
            {
                blockBlob.UploadFromStream(fileStream);
            }

            this.lblResult.Text = "'win.jpg' has been uploaded.";

        }
    }
}

Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="myWebApp.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>ThaiCreate.Com Azure Storage Tutorial</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:Label ID="lblResult" runat="server"></asp:Label>
    
    </div>
    </form>
</body>
</html>



How to use .Net (ASP.Net) Upload file to Blob

ผลลัพธ์ที่ได้

How to use .Net (ASP.Net) Upload file to Blob

เมื่อเข้าไปดูในหน้าจอ Portal Management บน Windows Azure แล้วเลือก Container ที่จัดเก็บ

How to use .Net (ASP.Net) Upload file to Blob

เราจะพบกับ Blob ที่เราเพิ่งจะ Upload ไป และสามารถเรียกใช้งานได้ผ่าน URL เช่นเดียวกัน

How to use .Net (ASP.Net) Upload file to Blob

หรือจะดูผ่านโปรแกรม Azure Storage Explorer เลือก View

How to use .Net (ASP.Net) Upload file to Blob

กรณีที่เป็น Image ก็จะแสดงรูปภาพใน Tags ของ Image

How to use .Net (ASP.Net) Upload file to Blob

เป็น URL ที่อยู่ของ Blob








Example 2 เขียน ASP.Net เพื่อ Browse ไฟล์แล้ว Upload ไปยัง Blob บน Windows Azure

Default.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using Microsoft.WindowsAzure.Storage;
using Microsoft.WindowsAzure.Storage.Auth;
using Microsoft.WindowsAzure.Storage.Blob;

using System.IO;

namespace myWebApp
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void btnUpload_Click(object sender, EventArgs e)
        {
            // Create the connectionstring
            String StorageConnectionString = "DefaultEndpointsProtocol=https;AccountName=[yourAccount];AccountKey=[yourKey]";

            // Retrieve storage account from connection string.
            CloudStorageAccount storageAccount = CloudStorageAccount.Parse(StorageConnectionString);

            // Create the blob client.
            CloudBlobClient blobClient = storageAccount.CreateCloudBlobClient();

            // Retrieve reference to a previously created container.
            CloudBlobContainer container = blobClient.GetContainerReference("pictures");

            // Retrieve reference to a blob.
            CloudBlockBlob blockBlob = container.GetBlockBlobReference(this.fiUpload.FileName);

            // Create or overwrite the "myblob" blob with contents from a local file.
            blockBlob.UploadFromStream(this.fiUpload.PostedFile.InputStream);

            this.lblResult.Text = "'" + this.fiUpload.FileName + "' has been uploaded.";
        }
    }
}

Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="myWebApp.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>ThaiCreate.Com Azure Storage Tutorial</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:FileUpload id="fiUpload" runat="server"></asp:FileUpload>
        &nbsp;<asp:Button ID="btnUpload" runat="server" OnClick="btnUpload_Click" Text="Upload" />
        <br />
        <asp:Label ID="lblResult" runat="server"></asp:Label>
    
    </div>
    </form>
</body>
</html>


How to use .Net (ASP.Net) Upload file to Blob

แสดงปุ่ม Browse เพื่อ Upload ไฟล์

How to use .Net (ASP.Net) Upload file to Blob

เลือกไฟล์ที่ต้องการ

How to use .Net (ASP.Net) Upload file to Blob

อัพโหลดเรียบร้อยแล้ว

How to use .Net (ASP.Net) Upload file to Blob

แสดงไฟล์ที่ถูก Upload








บทความที่เกี่ยวข้อง

บทความถัดไปที่แนะนำให้อ่าน


   
Share


ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท


ลองใช้ค้นหาข้อมูล


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2013-12-29 20:06:15 / 2017-03-24 15:12:33
  Download : No files
 Sponsored Links / Related

 
ตอนที่ 1 : รู้จักกับ Windows Azure และเบื้องต้นกับ Storage สำหรับ .Net Application
Rating :

 
ตอนที่ 2 : ปรับแต่ง Visual Studio เรียกใช้งาน Library เพื่อติดต่อกับ Azure Storage
Rating :

 
ตอนที่ 3 : รู้จักกับ Azure Blob Storage และการเขียนร่วมกับ Azure for .Net Application
Rating :

 
ตอนที่ 5 : How to use .Net (Asp.net) List the Blobs การแสดงรายการไฟล์จาก Blob
Rating :

 
ตอนที่ 6 : How to use .Net (Asp.net) Delete Blob การลบรายการไฟล์บน Blob
Rating :

 
ตอนที่ 7 : รู้จักกับ Azure Table Storage Service และการเขียนร่วมกับ .Net Application
Rating :

 
ตอนที่ 8 : How to use .Net (Asp.net) Add Entity to a Table Storage - บันทึกข้อมูลลงตาราง
Rating :

 
ตอนที่ 9 : How to use .Net (Asp.net) Retrieve Entity from Table Storage - อ่านข้อมูลในตาราง
Rating :

 
ตอนที่ 10 : How to use .Net (Asp.net) Update Entity in Table Storage - แก้ไขข้อมูลในตาราง
Rating :

 
ตอนที่ 11 : How to use .Net (Asp.net) Delete Entity in Table Storage - ลบข้อมูลในตาราง
Rating :

 
ตอนที่ 12 : รู้จักกับ Azure Queue Storage และการเขียนร่วมกับ .Net Application
Rating :

 
ตอนที่ 13 : How to use .Net (Asp.net) Create a message Queue - สร้างคิวใหม่
Rating :

 
ตอนที่ 14 : How to use .Net (Asp.net) Peek at the next message - อ่านคิวถัดไป
Rating :

 
ตอนที่ 15 : How to use .Net (Asp.net) De-queue the next messag - ขยับไปยังคิวถัดไป
Rating :


ThaiCreate.Com Forum

Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน Struts การเขียนโปรแกรม Java Struts Framework
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน Yii  Framework การเขียนโปรแกรม ภาษา PHP กับ Yii
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว

สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   


Acc : thaicreate@hotmail.com






Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2017 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 084-715-5121 อัตราราคา คลิกที่นี่