asp.net文件上传解决方案（图片上传、单文件上传、多文件上传、检查文件类型）

2024-12-01 08:12:36

小编之前也介绍了许多ASP.NET文件上传的解决案例，今天来个asp.net文件上传大集合。

1 使用标准HTML来进行图片上传
前台代码：

<body>
 <form id="form1" runat="server">
 <div>
  <table>
   <tr>
    <td colspan="2" style="height: 21px" >
     使用标准HTML来进行图片上传</td>
   </tr>
   <tr>
    <td style="width: 400px">
     <input id="InputFile" style="width: 399px" type="file" runat="server" /></td>
    <td style="width: 80px">
     <asp:Button ID="UploadButton" runat="server" Text="上传图片" OnClick="UploadButton_Click" /></td>
   </tr>
   <tr>
    <td colspan="2" >
     <asp:Label ID="Lb_Info" runat="server" ForeColor="Red"></asp:Label></td>
   </tr>
  </table>
 </div>
 </form>
</body>

后台代码：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls; 

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

 }
 protected void UploadButton_Click(object sender, EventArgs e)
 {
  string uploadName = InputFile.Value;//获取待上传图片的完整路径，包括文件名
  //string uploadName = InputFile.PostedFile.FileName;
  string pictureName = "";//上传后的图片名，以当前时间为文件名，确保文件名没有重复
  if (InputFile.Value != "")
  {
   int idx = uploadName.LastIndexOf(".");
   string suffix = uploadName.Substring(idx);//获得上传的图片的后缀名
   pictureName = DateTime.Now.Ticks.ToString() + suffix;
  }
  try
  {
   if (uploadName != "")
   {
    string path = Server.MapPath("~/images/");
    InputFile.PostedFile.SaveAs(path + pictureName);
   }
  }
  catch (Exception ex)
  {
   Response.Write(ex);
  }
 }
}

2 单文件上传
这是最基本的文件上传，在asp.net1.x中没有这个FileUpload控件，只有html的上传控件，那时候要把html控件转化为服务器控件，很不好用。其实所有文件上传的美丽效果都是从这个FileUpload控件衍生，第一个例子虽然简单却是根本。
前台代码：

<body>
 <form id="form1" runat="server">
 <div>
  <table style="width: 90%">
   <tr>
    <td style="width: 159px" colspan=2>
     <strong><span style="font-size: 10pt">最简单的单文件上传</span></strong></td>
   </tr>
   <tr>
    <td style="width: 600px">
     <asp:FileUpload ID="FileUpload1" runat="server" Width="600px" /></td>
    <td align=left>
     <asp:Button ID="FileUpload_Button" runat="server" Text="上传图片" OnClick="FileUpload_Button_Click" /></td>
   </tr>
   <tr>
    <td colspan=2>
     <asp:Label ID="Upload_info" runat="server" ForeColor="Red" Width="767px"></asp:Label></td>
   </tr>
  </table>
 </div>
 </form>
</body>

后台代码：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls; 

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

 }
 protected void FileUpload_Button_Click(object sender, EventArgs e)
 {
  try
  {
   if (FileUpload1.PostedFile.FileName == "")
   //if (FileUpload1.FileName == "")
   //if (!FileUpload1.HasFile)  //获取一个值，该值指示 System.Web.UI.WebControls.FileUpload 控件是否包含文件。包含文件，则为 true；否则为 false。
   {
    this.Upload_info.Text = "请选择上传文件！";
   }
   else
   {
    string filepath = FileUpload1.PostedFile.FileName; //得到的是文件的完整路径,包括文件名，如：C:\Documents and Settings\Administrator\My Documents\My Pictures\20022775_m.jpg
    //string filepath = FileUpload1.FileName;    //得到上传的文件名20022775_m.jpg
    string filename = filepath.Substring(filepath.LastIndexOf("\\") + 1);//20022775_m.jpg
    string serverpath = Server.MapPath("~/images/") + filename;//取得文件在服务器上保存的位置C:\Inetpub\wwwroot\WebSite1\images\20022775_m.jpg
    FileUpload1.PostedFile.SaveAs(serverpath);//将上传的文件另存为
    this.Upload_info.Text = "上传成功！";
   }
  }
  catch (Exception ex)
  {
   this.Upload_info.Text = "上传发生错误！原因是：" + ex.ToString();
  }
 }
}

3、多文件上传
前台代码：

<body>
 <form id="form1" runat="server">
 <div>
 <table style="width: 343px">
   <tr>
    <td style="width: 100px">
     多文件上传</td>
    <td style="width: 100px">
    </td>
   </tr>
   <tr>
    <td style="width: 100px">
     <asp:FileUpload ID="FileUpload1" runat="server" Width="475px" />
     </td>
    <td style="width: 100px">
     </td>
   </tr>
   <tr>
    <td style="width: 100px">
     <asp:FileUpload ID="FileUpload2" runat="server" Width="475px" /></td>
    <td style="width: 100px">
    </td>
   </tr>
   <tr>
    <td style="width: 100px">
     <asp:FileUpload ID="FileUpload3" runat="server" Width="475px" /></td>
    <td style="width: 100px">
    </td>
   </tr>
   <tr>
    <td style="width: 100px">
     <asp:Button ID="bt_upload" runat="server" OnClick="bt_upload_Click" Text="一起上传" />
     <asp:Label ID="lb_info" runat="server" ForeColor="Red" Width="448px"></asp:Label></td>
    <td style="width: 100px">
    </td>
   </tr>
  </table>
 </div>
 </form>
</body>

后台代码：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls; 

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

 }
 protected void bt_upload_Click(object sender, EventArgs e)
 {
  if (FileUpload1.PostedFile.FileName == "" && FileUpload2.PostedFile.FileName == "" && FileUpload3.PostedFile.FileName == "")
  {
   this.lb_info.Text = "请选择文件！";
  }
  else
  {
   HttpFileCollection myfiles = Request.Files;
   for (int i = 0; i < myfiles.Count; i++)
   {
    HttpPostedFile mypost = myfiles[i];
    try
    {
     if (mypost.ContentLength > 0)
     {
      string filepath = mypost.FileName;//C:\Documents and Settings\Administrator\My Documents\My Pictures\20022775_m.jpg
      string filename = filepath.Substring(filepath.LastIndexOf("\\") + 1);//20022775_m.jpg
      string serverpath = Server.MapPath("~/images/") + filename;//C:\Inetpub\wwwroot\WebSite2\images\20022775_m.jpg
      mypost.SaveAs(serverpath);
      this.lb_info.Text = "上传成功！";
     }
    }
    catch (Exception ex)
    {
     this.lb_info.Text = "上传发生错误！原因：" + ex.Message.ToString();
    }
   }
  }
 }
}

4、客户端检查上传文件类型(以上传图片为例)

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

<!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>
 <script language="javascript">
 function Check_FileType()
 {
  var str=document.getElementById("FileUpload1").value;
  var pos=str.lastIndexOf(".");
  var lastname=str.substring(pos,str.length);
  if(lastname.toLowerCase()!=".jpg"&&lastname.toLowerCase()!=".gif")
  {
   alert("您上传的文件类型为"+lastname+"，图片必须为.jpg,.gif类型");
   return false;
  }
  else
  {
   return true;
  }
 }
 </script>
</head>
<body>
 <form id="form1" runat="server">
 <div>
  <table>
   <tr>
    <td colspan="2">
     客户端检查上传文件类型</td>
   </tr>
   <tr>
    <td style="width: 444px">
     <asp:FileUpload ID="FileUpload1" runat="server" Width="432px" /></td>
    <td style="width: 80px">
     <asp:Button ID="bt_upload" runat="server" Text="上传图片" OnClick="bt_upload_Click" OnClientClick="return Check_FileType()" /></td>
   </tr>
   <tr>
    <td colspan="2" style="height: 21px">
     <asp:Label ID="lb_info" runat="server" ForeColor="Red" Width="515px"></asp:Label></td>
   </tr>
  </table>
 </div>
 </form>
</body>
</html>

注意：点击上传时先触发客户端事件OnClientClick="return Check_FileType()"

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls; 

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

 } 

 protected void bt_upload_Click(object sender, EventArgs e)
 {
  try
  {
   if (FileUpload1.PostedFile.FileName == "")
   {
    this.lb_info.Text = "请选择文件！";
   }
   else
   {
    string filepath = FileUpload1.PostedFile.FileName;
    //if (!IsAllowedExtension(FileUpload1))
    //{
    // this.lb_info.Text = "上传文件格式不正确！";
    //}
    if (IsAllowedExtension(FileUpload1) == true)
    {
     string filename = filepath.Substring(filepath.LastIndexOf("\\") + 1);
     string serverpath = Server.MapPath("~/images/") + filename;
     FileUpload1.PostedFile.SaveAs(serverpath);
     this.lb_info.Text = "上传成功！";
    }
    else
    {
     this.lb_info.Text = "请上传图片！";
    }
   }
  }
  catch (Exception ex)
  {
   this.lb_info.Text = "上传发生错误！原因：" + ex.ToString();
  }
 }
 private static bool IsAllowedExtension(FileUpload upfile)
 {
  string strOldFilePath = "";
  string strExtension="";
  string[] arrExtension ={ ".gif", ".jpg", ".bmp", ".png" };
  if (upfile.PostedFile.FileName != string.Empty)
  {
   strOldFilePath = upfile.PostedFile.FileName;//获得文件的完整路径名
   strExtension = strOldFilePath.Substring(strOldFilePath.LastIndexOf("."));//获得文件的扩展名，如：.jpg
   for (int i = 0; i < arrExtension.Length; i++)
   {
    if (strExtension.Equals(arrExtension[i]))
    {
     return true;
    }
   }
  }
  return false;
 }
}

注意：若去掉客户端的脚本和客户端事件OnClientClick="return Check_FileType()"，在后台代码
改为：

if (!IsAllowedExtension(FileUpload1))
    {
     this.lb_info.Text = "上传文件格式不正确！";
    }

else if (IsAllowedExtension(FileUpload1) == true)
即变成服务器端检查上传文件类型。
5、服务器端检查上传文件的类型（文件内部真正的格式）

<body>
 <form id="form1" runat="server">
 <div>
  <table>
   <tr>
    <td colspan="2">
     服务器检查上传文件类型</td>
   </tr>
   <tr>
    <td style="width: 444px">
     <asp:FileUpload ID="FileUpload1" runat="server" Width="432px" /></td>
    <td style="width: 80px">
     <asp:Button ID="bt_upload" runat="server" Text="上传图片" OnClick="bt_upload_Click" /></td>
   </tr>
   <tr>
    <td colspan="2" style="height: 21px">
     <asp:Label ID="lb_info" runat="server" ForeColor="Red" Width="515px"></asp:Label></td>
   </tr>
  </table>
 </div>
 </form>
</body>

后台代码：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.IO; 

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

 }
 protected void bt_upload_Click(object sender, EventArgs e)
 {
  try
  {
   if (FileUpload1.PostedFile.FileName == "")
   {
    this.lb_info.Text = "请选择文件！";
   }
   else
   {
    string filepath = FileUpload1.PostedFile.FileName;
    if (IsAllowedExtension(FileUpload1) == true)
    {
     string filename = filepath.Substring(filepath.LastIndexOf("\\") + 1);
     string serverpath = Server.MapPath("images/") + filename;
     FileUpload1.PostedFile.SaveAs(serverpath);
     this.lb_info.Text = "上传成功！";
    }
    else
    {
     this.lb_info.Text = "请上传图片";
    }
   }
  }
  catch (Exception error)
  {
   this.lb_info.Text = "上传发生错误！原因：" + error.ToString();
  }
 }
 private static bool IsAllowedExtension(FileUpload upfile)
 {
  FileStream fs = new FileStream(upfile.PostedFile.FileName, FileMode.Open, FileAccess.Read);
  BinaryReader r = new BinaryReader(fs);
  string fileclass = "";
  byte buffer;
  try
  {
   buffer = r.ReadByte();
   fileclass = buffer.ToString();
   buffer = r.ReadByte();
   fileclass += buffer.ToString();
  }
  catch
  { 

  }
  r.Close();
  fs.Close();
  if (fileclass == "255216" || fileclass == "7173"||fileclass=="6677"||fileclass=="13780")//说明255216是jpg;7173是gif;6677是BMP,13780是PNG;7790是exe,8297是rar
  {
   return true;
  }
  else
  {
   return false;
  }
 }
}

为大家推荐一个专题，供大家学习：《ASP.NET文件上传汇总》

是不是内容很精彩，喜欢的朋友就收藏起来吧，以后在遇到ASP.NET文件上传问题的时候能够有所帮助。

asp.net图片上传实例

第一.图片上传,代码如下:xxx.aspx 复制代码代码如下: <td class="style1"> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="Button1" runat="server" Text="上传一
Asp.Net上传图片同时生成高清晰缩略图

在asp.net中,上传图片功能或者是常用的,生成缩略图也是常用的.baidu或者google,c#的方法也是很多的,但是一用却发现缩略图不清晰啊,缩略图片太大之类的事情,下面是我在处理图片上的代码,效果不错,所以拿出来分享,(效果能达到一些绘图软件的效果) 代码如下: /// <summary> /// asp.net上传图片并生成缩略图 /// </summary> /// <param name="upImage">HtmlInputFile控
ASP.net WebAPI 上传图片实例

复制代码代码如下: [HttpPost] public Task<Hashtable> ImgUpload() { // 检查是否是 multipart/form-data if (!Request.Content.IsMimeMultipartContent("form-data")) throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType); //文
ASP.NET简单好用功能齐全图片上传工具类（水印、缩略图、裁剪等）

使用方法: UploadImage ui = new UploadImage(); /***可选参数***/ ui.SetWordWater = "哈哈";//文字水印 // ui.SetPicWater = Server.MapPath("2.png");//图片水印(图片和文字都赋值图片有效) ui.SetPositionWater = 4;//水印图片的位置 0居中.1左上角.2右上角.3左下角.4右下角 ui.SetSmallImgHeight = &quo
ASP.NET实现上传图片并生成缩略图的方法

本文实例讲述了ASP.NET实现上传图片并生成缩略图的方法.分享给大家供大家参考,具体如下: protected void bt_upload_Click(object sender, EventArgs e) { //检查上传文件的格式是否有效 if (this.UploadFile.PostedFile.ContentType.ToLower().IndexOf("image") < 0) { Response.Write("上传图片格式无效!"); re
asp.net fileupload控件上传图片并预览图片

本文为大家分享了fileupload控件实现上传图片后并进行预览图片的功能,并对web.config进行了配置,先看一下最终效果: 页面代码: <form id="form1" runat="server"> <div> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="Button1&quo
基于asp.net实现图片在线上传并在线裁剪功能

1.说明接上一篇文章asp.net uploadify实现多附件上传功能完成后,又突然用到头像上传并在线裁剪.在网上找个众多例子都没有符合要求的,有一篇文章写的不错,Asp.Net平台下的图片在线裁剪功能的实现代码(源码打包),大家可以看下 2.组成首先说明一下代码实现所用到的技术,仅供参考: 开发工具:vs2010 目标框架:.NET Framework3.5 jcrop:Jcrop.js v0.9.12 Uploadify:uploadify-v3.1 Jquery:jquery-1.9
ASP.NET图片上传实例（附源码）

由于需要图片上传的功能,所以花了一些时间网上找相关资料终于搞定,效果图如下: 下面的是解决方案截图和上传的图片截图: 下面是代码: 1.界面代码 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UploadPic.aspx.cs" Inherits="Pic_Try.UploadPic" %> <!DOCTYPE html PUBLIC &q
Asp.Net平台下的图片在线裁剪功能的实现代码(源码打包)

1.前台展现实现网上找到这个jquery.Jcrop,稍看了下,发现它提供的效果完全能满足项目需求. 官方网址:http://deepliquid.com/content/Jcrop.html,感兴趣的朋友可去看看. 页面先引用相关样式和脚本: 复制代码代码如下: <link href="Styles/jquery.Jcrop.css" rel="stylesheet" type="text/css" /> <script
Nginx上传文件全部缓存解决方案

下面通过文字说明给大家详解Nginx上传文件全部缓存解决方案. 因为应用服务器(Jetty)里面实现了上传时写了进度条.经过缓存.就没法读取到进度了.此外,在Nginx处缓存文件,也降低了传输效率. nginx采用1.5.6. 后端采用nodejs+formidable的方式接受上传文件,本问题的对应与采用什么样的后端没太大关系,这里只是交代一下. 问题: 在前端页面上将文件上传,nginx没有将每一块收到的文件数据块转发给后端,而是全部缓存了下来,全部收取完成后再一块一块的转发给后端,显而易见
PHP在Windows IIS上传的图片无法访问的解决方法

PHP在Windows IIS上传的图片无法访问的解决方法首先登录到网站后台进行了测试发现上传的图片在确实浏览器打不开且出现了无法访问的错误信息:" 401 - 未授权: 由于凭据无效,访问被拒绝." 然后又测试了该服务器上其他几个php项目发现也出现了一样的错误: 图片上传成功,但浏览器没有权限访问. 因为测试的几个php系统是不一样的,有thinkphp,wordpress,百度ueditor编辑器. 所以这几个系统同时出现问题的概率实在是太小了,所以基本上排除了程序的bug,
IDEA 工程里 new不出来Vue文件的图文解决方案

IDEA new不出来Vue 我们期望的可能是这个样子下载之后你会发现这个图标可能不存在解决方案: • 重启idea 这样你再new的时候就有Vue了到此这篇关于IDEA 工程里 new不出来Vue文件的图文解决方案的文章就介绍到这了,更多相关idea new vue文件内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
使用python如何删除同一文件夹下相似的图片

前言最近整理图片发现,好多图片都非常相似,于是写如下代码去删除,有两种方法: 注:第一种方法只对于连续图片(例一个视频里截下的图片)准确率也较高,其效率高:第二种方法准确率高,但效率低方法一:相邻两个文件比较相似度,相似就把第二个加到新列表里,然后进行新列表去重,统一删除. 例如:有文件1-10,首先1和2相比较,若相似,则把2加入到新列表里,再接着2和3相比较,若不相似,则继续进行3和4比较-一直比到最后,然后删除新列表里的图片代码如下: #!/usr/bin/env python #
asp.net文件上传解决方案（图片上传、单文件上传、多文件上传、检查文件类型）

小编之前也介绍了许多ASP.NET文件上传的解决案例,今天来个asp.net文件上传大集合. 1 使用标准HTML来进行图片上传前台代码: <body> <form id="form1" runat="server"> <div> <table> <tr> <td colspan="2" style="height: 21px" > 使用标准HTML来进
asp.net大文件上传解决方案实例代码

以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载. 准备文件上传的API #region 文件上传可以带参数 [HttpPost("upload")] public JsonResult uploadProject(IFormFile file, string userId) { if (file != null) { var fileDir = "D:\\aaa"
解决.net项目中上传的图片或者文件太大无法上传问题

最近做项目的时候用户提出要上传大图片一张图片有可能十几兆本来用的第三方的上传控件有限制图片上传大小的设置以前设置的是2M 按照用户的要求以为直接将限制图片上传大小的设置改下就可以了但是当上传大图片的时总是异常: 错误消息:超过了最大请求长度解决方案: 错误原因:asp.net默认最大上传文件大小为4M,运行超时时间为90S. 修改web.config中配置 <configuration> <system.web> <httpRuntime us
另类的文件上传解决方案

编写思路:把本地文件在客户端通过base64编码以后发送目的地.测试过程中,上传文件过大,导致超时不成功.后来经过改善.把编码分段发送.测试20M成功编写目的:在传统的解决方案里面,一次一次选取上传可以.但是在碰到把数据库里文件路径读出来,并把这些文件上传到一个地方的时候就比较麻烦.如果得到路径一个一个去找到用ftp当然也是可以的,但每次找这些文件我看都会比较费时.这里编写这个主要就是为了通过数据库里的文件路径取得文件.把文件一次批量上传到一个地方.其主要目的还是为了锻炼一下自己. 解决过程:
Java Struts图片上传至指定文件夹并显示图片功能

继上一次利用Servlet实现图片上传,这次利用基于MVC的Struts框架,封装了Servlet并简化了JSP页面跳转. JSP上传页面上传一定要为form加上enctype="multipart/form-data",表示提交的数据时二进制的并且必须是method="post" <%@ page language="java" contentType="text/html; charset=utf-8" page
JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法

废话不多说了,直接给大家贴代码了,具体代码如下所示: // 上传目标触发点 <input type="file" class="upvideo" name="upvideo" id="fileupload1" /> // 引入插件 <script type="text/javascript" src="{$IMG}/bstage/js/jquery.form.js" l

asp.net文件上传解决方案（图片上传、单文件上传、多文件上传、检查文件类型）

相关推荐

随机推荐