ASP.NET图片上传实例(附源码)_实用技巧

由于需要图片上传的功能,所以花了一些时间网上找相关资料终于搞定,效果图如下:

下面的是解决方案截图和上传的图片截图:

下面是代码:
1.界面代码

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title>图片上传和显示</title>
 <style type="text/css">
 .pic_text{ color:Red;}
 .pic_label { color:Gray; margin-top:5px; margin-bottom:5px;}
 .pic_image { margin:5px;}
 </style>
</head>
<body>
 <form id="form1" runat="server">
 <div class="pic_image"><asp:Image ID="pic" runat="server" /></div>
 <div><asp:FileUpload ID="pic_upload" runat="server" /><asp:Label ID="lbl_pic" runat="server" class="pic_text"></asp:Label></div>
 <div class="pic_label">上传图片格式为.jpg, .gif, .bmp,.png,图片大小不得超过8M</div>
 <div><asp:Button ID="btn_upload" runat="server" Text="上传" onclick="btn_upload_Click"/></div>
 </form>

</body>
</html>

2.后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
using System.Security.Cryptography;
using System.Web.Security;

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

 }

 protected void btn_upload_Click(object sender, EventArgs e)
 {
  Boolean fileOk = false;
  if (pic_upload.HasFile)//验证是否包含文件
  {
  //取得文件的扩展名,并转换成小写
  string fileExtension = Path.GetExtension(pic_upload.FileName).ToLower();
  //验证上传文件是否图片格式
  fileOk = IsImage(fileExtension);

  if (fileOk)
  {
   //对上传文件的大小进行检测,限定文件最大不超过8M
   if (pic_upload.PostedFile.ContentLength < 8192000)
   {
   string filepath = "/images/";
   if (Directory.Exists(Server.MapPath(filepath)) == false)//如果不存在就创建file文件夹
   {
    Directory.CreateDirectory(Server.MapPath(filepath));
   }
   string virpath = filepath + CreatePasswordHash(pic_upload.FileName, 4) + fileExtension;//这是存到服务器上的虚拟路径
   string mappath = Server.MapPath(virpath);//转换成服务器上的物理路径
   pic_upload.PostedFile.SaveAs(mappath);//保存图片
   //显示图片
   pic.ImageUrl = virpath;
   //清空提示
   lbl_pic.Text = "";
   }
   else {
   pic.ImageUrl = "";
   lbl_pic.Text = "文件大小超出8M!请重新选择!";
   }
  }
  else {
   pic.ImageUrl = "";
   lbl_pic.Text = "要上传的文件类型不对!请重新选择!";
  }
  }
  else
  {
  pic.ImageUrl = "";
  lbl_pic.Text = "请选择要上传的图片!";
  }
 }

 /// <summary>
 /// 验证是否指定的图片格式
 /// </summary>
 /// <param name="str"></param>
 /// <returns></returns>
 public bool IsImage(string str) {
  bool isimage = false;
  string thestr = str.ToLower();
  //限定只能上传jpg和gif图片
  string[] allowExtension = { ".jpg", ".gif", ".bmp",".png" };
  //对上传的文件的类型进行一个个匹对
  for (int i = 0; i < allowExtension.Length; i++)
  {
  if (thestr == allowExtension[i])
  {
   isimage = true;
   break;
  }
  }
  return isimage;
 }

 /// <summary>
 /// 创建一个指定长度的随机salt值
 /// </summary>
 public string CreateSalt(int saltLenght)
 {
  //生成一个加密的随机数
  RNGCryptoServiceProvider rng = new RNGCryptoServiceProvider();
  byte[] buff = new byte[saltLenght];
  rng.GetBytes(buff);
  //返回一个Base64随机数的字符串
  return Convert.ToBase64String(buff);
 }

 /// <summary>
 /// 返回加密后的字符串
 /// </summary>
 public string CreatePasswordHash(string pwd, int saltLenght)
 {
  string strSalt = CreateSalt(saltLenght);
  //把密码和Salt连起来
  string saltAndPwd = String.Concat(pwd, strSalt);
  //对密码进行哈希
  string hashenPwd = FormsAuthentication.HashPasswordForStoringInConfigFile(saltAndPwd, "sha1");
  //转为小写字符并截取前16个字符串
  hashenPwd = hashenPwd.ToLower().Substring(0, 16);
  //返回哈希后的值
  return hashenPwd;
 }
 }
}

3.最后防止上传大文件图片时报错,配置文件添加配置

<?xml version="1.0" encoding="utf-8"?>

<!--
 如何配置 ASP.NET 应用程序的详细消息
 -->

<configuration>
 <system.web>
 <compilation debug="true" targetFramework="4.0" />
 <httpRuntime executionTimeout="240" maxRequestLength="8192000"/>
 </system.web>

</configuration>

ASP.NET图片自动上传和局部刷新显示的源码下载。

希望大家喜欢这篇文章。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索asp.net
图片上传
,以便于您获取更多的相关知识。

时间: 2024-10-31 12:09:51

ASP.NET图片上传实例(附源码)_实用技巧的相关文章

12306动态验证码启发之ASP.NET实现动态GIF验证码(附源码)_实用技巧

12306网站推出"彩色动态验证码机制",新版验证码不但经常出现字符叠压,还不停抖动,不少人大呼"看不清",称"那个验证码,是毕加索的抽象画么!"铁总客服则表示:为了能正常购票只能这样.而多家抢票软件接近"报废",引发不少网友不满的吐槽称"太抽象太艺术了". 以前做项目有时候也会用到验证码,但基本都是静态的,这次也想凑凑12306的热闹.闲言少续,切入正题,先上代码. 实现方法: public void S

WPF制作一个简单的倒计时器实例附源码_实用技巧

实例一: 早上起来后闲的无事,于是想到前些日子学院的某个老师让大家给他找个什么倒计时的小软件,当时大家忙于复习所以也懒得搭理这件事,囧~.既然早上没事干,何不写个玩玩~既然要写,就用以前没怎么捣鼓过的WPF写一个吧,也算是一次学习WPF的初探吧(感觉自己很落后了)! 在Vs2008和Vs2010之间徘徊了许久之后,最终还是选择了Vs2008做开发IDE.在Vs2008中建了个WPF工程后,浏览了下默认生成的工程文件结构,一个App.xaml(当然还有App.xaml.cs)和一个Windows1

ASP.NET文件上传Upload的实现方法_实用技巧

本文实例为大家分享了ASP.NET 文件上传,供大家参考,具体内容如下 1.最近应项目开发的需求要实现附件的异步上传和下载. 2.上传:文件上传到指定的路径下,并返回上传文件的信息给前端界面,如:文件的图标.上传的文件名.文件的大小. 3.上传后,在前端界面上显示上传的文件信息,点击文件名实现将上传的文件下载到本地. 4.先展示一下Demo运行的效果图: 点击提交后: 点击文件名实现下载到本地: 5.下面就给出前台代码: <!DOCTYPE html> <html> <hea

实现Asp.net mvc上传头像加剪裁功能_实用技巧

在我们使用QQ上传头像,注册用户账号时是不是都会遇到上传图像,并根据自己的要求对图像进行裁剪,这是怎么实现的呐? 本文主要介绍了Asp.net mvc实现上传头像加剪裁功能,分享给大家供大家参考.具体如下:  运行效果截图如下: 具体代码如下: 前台代码 <link href="~/Content/fineuploader.css" rel="stylesheet" /> <link href="~/Content/jquery.Jcro

自制网页选取本地路径控件(附源码)_实用技巧

用C#开发的一个WEB选取本地目录路径的控件,OBJECT控件嵌入网页后,会列出本地磁盘上目录列表,通过控件JS方法GetDirPath()获取选择的目录路径 代码就不贴了,直接给源码和DEMO 源码和DEMO打包下载:WebDirSelector.rar 注册和使用: 1.打开WebDirSelector解决方案2.在"项目属性->生成"里,将"为COM Interop注册"打上勾,编译后系统会自动注册DLL(或在命令行中用regsvr32注册编译好的Web

Asp.net 2.0 无刷新图片上传 显示缩略图 具体实现_实用技巧

兼容性想还不错:FF,CH,IE,猎豹,都是可以实现的.如果看到回显.当然就是成功了. 经历了好几天的不停的钻牛角尖,终于将这个二货弄出来了.真是煞费苦心啊.但是做出来的瞬间还是蛮开心的. 第一步:我们需要加载几个JS库.jquery库.jquery.form.js库. 下载这两个库,并引用到页面中. 以下为页面中 JS 代码: 复制代码 代码如下:   function upload() {            var options = {                type: "PO

asp.net实现非常实用的自定义页面基类(附源码)_实用技巧

本文实例讲述了asp.net实现非常实用的自定义页面基类.分享给大家供大家参考,具体如下: 看到前面几篇文章(如:<asp.net实现利用反射,泛型,静态方法快速获取表单值到Model的方法>)想到的.下面总结发布一个笔者在开发中常用的一个自定义BasePage类,废话不多说了,直接贴代码. 一.BasePage类 1.代码 using System; using System.Data; using System.Configuration; using System.Web; using

ASP.NET2.0使用Enter Key作为默认提交问题分析(附源码)_实用技巧

本文实例分析了ASP.NET2.0使用Enter Key作为默认提交的方法.分享给大家供大家参考,具体如下: 网页开发中最烦人的事情之一就是为表单处理"Enter key" ,"Enter key"已经成为用户提交表单的偏好.虽然我们为用户提供了提交按钮,但是最简单也是最直接的方式仍然是:输入文字,然后回车完成提交 ASP.NET 2.0中为此提供了很好的解决方法.只需要将"defaultbutton"属性指定到想要引发事件的按钮控件的ID上就可

ASPX向ASCX传值以及文本创建图片(附源码)_实用技巧

网页ASPX有一个TextBox,另一个ASCX有一个ImageButton,用户点一点这个铵钮,把用户在TextBox输入的文字创建为一个图片,ASCX的ImageButton的ImageUrl重新指向这刚产生的图片. 为了传值,写一个接口,返回aspx的TextBox函数: 复制代码 代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.W

asp.net开发中常见公共捕获异常方式总结(附源码)_实用技巧

本文实例总结了asp.net开发中常见公共捕获异常方式.分享给大家供大家参考,具体如下: 前言:在实际开发过程中,对于一个应用系统来说,应该有自己的一套成熟的异常处理框架,这样当异常发生时,也能得到统一的处理风格,将异常信息优雅地反馈给开发人员和用户.我们都知道,.net的异常处理是按照"异常链"的方式从底层向高层逐层抛出,如果不能尽可能地早判断异常发生的边界并捕获异常,CLR会自动帮我们处理,但是这样系统的开销是非常大的,所以异常处理的一个重要原则是"早发现早抛出早处理&q