当前位置：移动技术网 > IT编程>开发语言>.net > asp.net文件上传解决方案（图片上传、单文件上传、多文件上传、检查文件类型）

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

2017年12月12日 | 移动技术网IT编程 | 我要评论

程银宝,百万傀儡兵,反腐倡廉警示教育片

小编之前也介绍了许多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文件上传问题的时候能够有所帮助。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

详解.NET Core 3.0 里新的JSON API

为什么需要新的 json api ？json.net 大家都用过，老版本的 asp.net core 也依赖于 json.net 。然而这个依赖就会引起一些版... [阅读全文]
Net Core Web Api项目与在NginX下发布的方法

前言本文将介绍net core的一些基础知识和如何nginx下发布net core的webapi项目。测试环境操作系统：windows 10 开发工具：v... [阅读全文]
浅谈ASP.NET Core 中jwt授权认证的流程原理

1，快速实现授权验证什么是 jwt ？为什么要用 jwt ？jwt 的组成？这些百度可以直接找到，这里不再赘述。实际上，只需要知道 jwt 认证模式是使用一段 ... [阅读全文]
.Net Core 实现图片验证码的实现示例

记录自己的学习，参考了网上各位大佬的技术，往往在登录的时候需要使用到验证码来进行简单的一个校验，这边使用在.net core上进行生成图片二维码思路很简单=》 ... [阅读全文]
asp.net core3.1 引用的元包dll版本兼容性问题解决方案

自从.netcore 3.1出来后，大家都想立马升级到最新版本。我也是如此，微软也对.netcore 3.1 的官方组件不断升级，几乎每隔几天就会有部分元包可以... [阅读全文]
IdentityServer4实现.Net Core API接口权限认证(快速入门)

什么是identityserver4官方解释：identityserver4是基于asp.net core实现的认证和授权框架，是对openid connect... [阅读全文]
从ASP.NET Core3.1迁移到5.0的方法

3月中旬，微软官方已经发布了dotnet 5的第一个预览版：5.0.0-preview.1。dotnet core经过前几个版本的发展和沉淀，到3.1已经基本趋... [阅读全文]
.NET Core中创建和使用NuGet包的示例代码

在.net core的项目中，如果我们要在项目中引用其它dll文件，不建议直接在项目引用中添加dll文件（虽然在.net core项目中也可以这么做），建议是去... [阅读全文]
ASP.NET Core MVC通过IViewLocationExpander扩展视图搜索路径的实现

iviewlocationexpander api expandviewlocations razor视图路径，视图引擎会搜索该路径. populateva... [阅读全文]
ASP.NET Core中的Controller使用示例

asp.net core出现之前我们实现的controller，mvc都继承自controller基类，webapi的话继承自apicontroller。现在a... [阅读全文]

网友评论


验证码：

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

2017年12月12日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论