跟我学Windows Azure 五使用Cloub Service连接Blob Service完成图片的上传

首先,我们创建一个云服务项目,用来演示我们的blob存储

下来我们修改我们我们云服务的名字

我们需要添加一个空的WebForm的项目

点击完成,我们可以看到我们的解决方案已经添加完成

下来我们需要添加一个实体类,用来存储文件的信息.

下面是我们实体类的

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace BlobWebRole

{

public class ImageEn

{

public string BlobName { get; set; }

public Uri FileUri { get; set; }

public string FileName { get; set; }

public long Length { get; set; }

public string FolderName { get; set; }

public bool IsReadOnly { get; set; }

public bool IsExists { get; set; }

public string FullFileName { get; set; }

public string ExtendName { get; set; }

public string CreatorName { get; set; }

public DateTime CreateTime { get; set; }

}

下来我们需要添加一个页面窗体,用来进行图片的显示和上传

下面是Default.aspx前台代码

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

<!DOCTYPE html>

</head>

<body>

<div>

<asp:Label ID="lblFilePath" Text="上传文件" AssociatedControlID="fileUploadControl"

runat="server" />

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

<asp:RequiredFieldValidator ID="filUploadValidator" ControlToValidate="fileUploadControl"

ValidationGroup="fileInfoGroup" ErrorMessage="请选择文件！" runat="Server">

</asp:RequiredFieldValidator>

<br />

<asp:Label ID="lblFileName" Text="文件名称:" AssociatedControlID="txtFileName" runat="server" />

<asp:TextBox ID="txtFileName" runat="server" />

<asp:RequiredFieldValidator ID="fileNameValidator" ControlToValidate="txtFileName"

ValidationGroup="fileInfoGroup" ErrorMessage="请输入文件名！" runat="Server">

</asp:RequiredFieldValidator>

<br />

<asp:Label ID="lblCreator" Text="创建者:" AssociatedControlID="txtCreator" runat="server" />

<asp:TextBox ID="txtCreator" runat="server" />

<asp:RequiredFieldValidator ID="submitterValidator" ControlToValidate="txtCreator"

ValidationGroup="fileInfoGroup" ErrorMessage="请输入创建者！" runat="Server">

</asp:RequiredFieldValidator>

<br />

<asp:Button ID="btnSave" Text="保存" CausesValidation="true" ValidationGroup="fileInfoGroup"

runat="server" OnClick="btnSave_Click" />

<br />

<asp:Label ID="statusMessage" runat="server" />

</div>

<asp:GridView ID="fileView" AutoGenerateColumns="false" DataKeyNames="BlobName" runat="server"

OnRowCommand="RowCommandHandler">

<asp:ButtonField Text="Delete" CommandName="DeleteItem" />

<asp:HyperLinkField HeaderText="Link" DataTextField="FileName" DataNavigateUrlFields="FileUri" />

<asp:BoundField DataField="CreatorName" HeaderText="Created by" />

<asp:BoundField DataField="FolderName" HeaderText="FolderName" />

<asp:BoundField DataField="IsReadOnly" HeaderText="IsReadOnly" />

<asp:BoundField DataField="IsExists" HeaderText="IsExists" />

<asp:BoundField DataField="FullFileName" HeaderText="FullFileName" />

<asp:BoundField DataField="ExtendName" HeaderText="ExtendName" />

<asp:BoundField DataField="CreateTime" HeaderText="CreateTime" />

</Columns>

</asp:GridView>

</div>

</form>

</body>

</html>

下来添加我们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;

using Microsoft.WindowsAzure.Storage;

using Microsoft.WindowsAzure.Storage.Blob;

using System.IO;

using System.Collections.Specialized;

namespace BlobWebRole

{

public partial class Default : System.Web.UI.Page

{

private CloudBlobClient _BlobClient = null;

private CloudBlobContainer _BlobContainer = null;

private const string conContainerAddress = "imagefiles";

private const string conConfigStorageSetting = "BlobConnectionString";

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

this.EnsureContainerExists();

DisplayFileList();

}

private void EnsureContainerExists()

{

var container = GetContainer();

// 检查container是否被创建，如果没有，创建container

container.CreateIfNotExists();

var permissions = container.GetPermissions();

//对Storage的访问权限是可以浏览Container

permissions.PublicAccess = BlobContainerPublicAccessType.Container;

container.SetPermissions(permissions);

}

private CloudBlobContainer GetContainer()

{

//获取ServiceConfiguration.cscfg配置文件的信息

var account = CloudStorageAccount.Parse(CloudConfigurationManager.GetSetting("BlobConnectionString"));

var client = account.CreateCloudBlobClient();

//获得BlobContainer对象

return client.GetContainerReference(conContainerAddress);

}

protected void btnSave_Click(object sender, EventArgs e)

{

//获取扩展名

string extension = System.IO.Path.GetExtension(fileUploadControl.FileName);

//获得BlobContainer对象并把文件上传到这个Container

var blob = this.GetContainer().GetBlockBlobReference(Guid.NewGuid().ToString() + extension);

blob.UploadFromStream(fileUploadControl.FileContent);

////设置元数据到Blob

blob.Metadata["FileName"] = txtFileName.Text;

blob.Metadata["Length"] = fileUploadControl.FileContent.Length.ToString();

DirectoryInfo di = new DirectoryInfo(string.Format("{0}\\", conContainerAddress));

blob.Metadata["FolderName"] = di.Name;

FileInfo file = new FileInfo(fileUploadControl.PostedFile.FileName);

blob.Metadata["IsReadOnly"] = file.IsReadOnly.ToString();

blob.Metadata["IsExists"] = file.Exists.ToString();

blob.Metadata["FullFileName"] = file.FullName;

blob.Metadata["ExtendName"] = file.Extension;//extension

blob.Metadata["CreatorName"] = txtCreator.Text;

blob.Metadata["CreateTime"] = DateTime.Now.ToShortTimeString();

blob.SetMetadata();

//设置属性

blob.Properties.ContentType = fileUploadControl.PostedFile.ContentType;

blob.SetProperties();

//显示列表

DisplayFileList();

}

/// <summary>

/// 列表

/// </summary>

private void DisplayFileList()

{

var blobs = this.GetContainer().ListBlobs(null, false, BlobListingDetails.Metadata, null, null).OfType<CloudBlockBlob>();

var filesList = new List<ImageEn>();

//查询

foreach (var blobItem in blobs)

{

//实体字段

filesList.Add(new ImageEn()

{

FileUri = blobItem.Uri,

BlobName=blobItem.Name,

FileName = txtFileName.Text,

Length = long.Parse(blobItem.Metadata["Length"]),

FolderName = blobItem.Metadata["FileName"],

IsReadOnly = bool.Parse(blobItem.Metadata["IsReadOnly"]),

IsExists = bool.Parse(blobItem.Metadata["IsExists"]),

FullFileName = blobItem.Metadata["FullFileName"],

ExtendName = blobItem.Metadata["ExtendName"],

CreatorName = blobItem.Metadata["CreatorName"],

CreateTime = DateTime.Parse(blobItem.Metadata["CreateTime"])

});

}

//绑定列表

fileView.DataSource = filesList;

fileView.DataBind();

}

protected void RowCommandHandler(object sender, GridViewCommandEventArgs e)

{

//删除

if (e.CommandName == "DeleteItem")

{

// 获取索引

var index = Convert.ToInt32(e.CommandArgument);

var blobName = fileView.DataKeys[index].Value.ToString();

//Get the container

var blob = this.GetContainer().GetBlockBlobReference(blobName);

blob.Delete();

}

//更新列表

DisplayFileList();

}

我们登陆WindowsAzure管理门户去添加一个存储.

我们添加名为teacherblob的存储服务

下来我们双击我们Studio2013中的云服务,点击设置,去设置他所要连接的设置

我们把连接字符串的名称叫做BlobConnectionstring,然后选择类型为连接字符串,然后值那里我们选择我的订约,然后会自动带出,我们刚才在Windows azure上建立的blob,选择他就可以了.

然后我们选择我们的BlobStorageDemo进行调试

我们在页面中输入需要上传得图片及对应的属性.点击保存按钮,保存按钮成功后,列表中会显示我们的图片文件信息.

下来我们可以在我们studio中看到我们存储的文件

我们同时也可以使用azure storage explorer看到我们我们上传得文件

打完收工！

跟我学Windows Azure 五使用Cloub Service连接Blob Service完成图片的上传的更多相关文章

[New Portal]Windows Azure Virtual Machine (15) 在本地制作数据文件VHD并上传至Azure(2)
<Windows Azure Platform 系列文章目录> 在上一章内容里,我们已经将包含有OFFICE2013 ISO安装文件的VHD上传至Azure Blob Storage中了. ...
[New Portal]Windows Azure Virtual Machine (14) 在本地制作数据文件VHD并上传至Azure(1)
<Windows Azure Platform 系列文章目录> 之前的内容里,我介绍了如何将本地的Server 2012中文版 VHD上传至Windows Azure,并创建基于该Serv ...
跟我学Windows Azure 四 Cloud Service中的WebRole与WorkRole，及他们之间的通信
Cloud Service 中WebRole就相当与我们的WebSite,而WorkRole相当与我们在服务器上写了个Windows Service,站在高可用的角度上来讲,Cloud Service ...
重新想象 Windows 8.1 Store Apps (89) - 通信的新特性: 下载数据, 上传数据, 上传文件
[源码下载] 重新想象 Windows 8.1 Store Apps (89) - 通信的新特性: 下载数据, 上传数据, 上传文件作者:webabcd 介绍重新想象 Windows 8.1 Sto ...
PHP代码篇（五）--如何将图片文件上传到另外一台服务上
说,我有一个需求,就是一个临时功能.由于工作开发问题,我们有一个B项目,需要有一个商品添加的功能,涉及到添加商品内容,比如商品名字,商品描述,商品库存,商品图片等.后台商品添加的接口已经写完了,但是问 ...
【Azure 应用服务】App Service 在使用GIt本地部署，上传代码的路径为/home/site/repository，而不是站点的根目录/home/site/wwwroot。这个是因为什么？
问题描述 App Service 在使用GIt本地部署,上传代码的路径为/home/site/repository,而不是站点的根目录/home/site/wwwroot. 这个是因为什么? 并且通过 ...
跟我学Windows Azure 三使用vs2013创建windows azure web site
首先我们需要登陆我们的windows azure上,然后访问 https://manage.windowsazure.cn/publishsettings/index 他会让我们下载我们的订阅证书文件 ...
跟我学Windows Azure 二使用SQL Azure创建数据库服务器，创建数据库，创建表
登陆Windows Azure门户输入我们上一节课所注册的帐号及密码,点击登陆. 选择SQL 数据库,选择服务器选择创建数据库服务器设置访问数据库服务器的登陆帐号及密码点击确定完成数据库服务器 ...
跟我学Windows Azure 一创建Windows Azure试用账号
我在网上看了很多教程,很大部分都是申请的是国外或者是香港的试用账号,而国内是由世纪互联所代理的,他的申请方式与VS2013的部署设置或多或少还是有些出入,这里我先跟大家一起过一下,在国内如何申请一个w ...

随机推荐

Activity中获取当前Fragment 中的子控件
XXXAdapter中增加 public Fragment currentFragment; @Override public void setPrimaryItem(ViewGroup conta ...
HTML5 <video> - 使用 DOM 进行控制
HTML5 <video> 元素同样拥有方法.属性和事件. 其中的方法用于播放.暂停以及加载等.其中的属性(比如时长.音量等)可以被读取或设置.其中的 DOM 事件能够通知您,比方说,&l ...
Spark源码学习1.6——Executor.scala
Executor.scala 一.Executor类首先判断本地性,获取slaves的host name(不是IP或者host: port),匹配运行环境为集群或者本地.如果不是本地执行,需要启动一 ...
C语言程序设计第三次作业
态度决定一切,无论做什么事情,秉持一个认真的态度,相信一定会让你受益无穷.当提交作业时,如果只是粘贴一下代码和运行结果,那么,你也只是写了一个程序而已,对你自己水平的提升帮助并不大,这次犯的错误或许下 ...
linux下进程突然断掉后的日志查询
最近写了一个实现监控的服务,可某天去看的时候进程突然木有了,这就捉急了,好好的是啥原因了呢?不会有人不小心把偶的进程关掉了把! 后发现一个linux日志文件:/var/log/messages 打开文 ...
ACM_1001_Exponentiation 详解
参考:http://blog.csdn.net/rually/article/details/8585268 #include<iostream> using namespace std; ...
JAVA 语法基础综合练习——学生成绩管理系统
代码如下:package com.lovo.manager; import java.util.Scanner; /** * 学生管理 * * @author Administrator * */ p ...
poj1741 （点分治）
Problem Tree 题目大意给一棵树,有边权.求树上距离小于等于K的点对有多少. 解题分析点分治.对每一棵子树进行dfs,求出每棵子树的重心,继而转化为子问题. 对于经过根的路径i--j,令 ...
div CSS样式——两张图片的位置关系
以上是实现将logo图片按照相对位置覆盖在另一张图片上的代码. 通过学习,我学到了以下方法: 将第二张图片定位到第一张图片上. 下面是简单的实现:(假设图都是100*100的) <style&g ...
powerdesigner 生成mysql PDM 的COMMENT注释
1powerdesigner 生成mysql PDM 的COMMENT注释默认的pd没有生成注释,针对mysql5.0可以如下修改.在Database-->edit Current DBMS. ...

跟我学Windows Azure 五 使用Cloub Service连接Blob Service完成图片的上传

跟我学Windows Azure 五 使用Cloub Service连接Blob Service完成图片的上传的更多相关文章

随机推荐

热门专题

跟我学Windows Azure 五使用Cloub Service连接Blob Service完成图片的上传

跟我学Windows Azure 五使用Cloub Service连接Blob Service完成图片的上传的更多相关文章