asp.net上传图片，保存文件名和路径，并利用javascript显示图片预览

FileUpload控件

 

属性:
FileName: 获取上传的文件名

HasFile: 是否选择(存在)上传的文件

ContentLength: 获得上窜文件的大小,单位是字节(byte)

 

方法:
Server.MapPath(): 获取服务器上的物理路径

SaveAs(): 保存文件到指定的文件夹

 

注意:默认情况下限制上传文件大小为4MB,通过web.config.comments(这个设置是全局的配置)可以修改其默认设置
或者通过修改web.config文件来改变应用程序上传限制.

<httpRuntime maxRequestLength="10240" executionTimeout="150" enable="true"/>

元素解释:
maxRequestLength: 设置上传文件大小,单位是kb.

 

executionTimeout: 允许执行请求的最大秒数,此功能必须在Compilation元素中Debug属性为false时才生效.

 

enable: 指定是否在当前的节点及子节点级别启用应用程序域 (AppDomain)，以接受传入的请求。如果为 False，则实际上关闭了该应用程序。默认值为 True.
通俗的说就是：是否允许用户访问该网站(是否允许Http请求)

 

注意:如果上传文件超过maxRequestLength大小,会出现页面无法显示的情况.

检查文件上传类型:
1).客户端检查(javascript实现)（在控件中使用onclientclick  <asp:Button ID="Button1" runat="server" οnclick="Button1_Click"  OnClientClick="checkType()" Text="上傳" />）

2).服务器端检查

<script type="text/javascript" language="javascript">
         function checkType() {

             //得到上传文件的值   
             var fileName = document.getElementById("FileUpLoad1").value;

             //返回String对象中子字符串最后出现的位置.   
             var seat = fileName.lastIndexOf(".");

             //返回位于String对象中指定位置的子字符串并转换为小写.   
             var extension = fileName.substring(seat).toLowerCase();

             //判断允许上传的文件格式   
             //if(extension!=".jpg"&&extension!=".jpeg"&&extension!=".gif"&&extension!=".png"&&extension!=".bmp"){   
             //alert("不支持"+extension+"文件的上传!");   
             //return false;   
             //}else{   
             //return true;   
             //}   

             var allowed = [".jpg", ".gif", ".png", ".bmp", ".jpeg"];
             for (var i = 0; i < allowed.length; i++) {
                 if (!(allowed[i] != extension)) {
                     return true;
                 }
             }
             alert("不支持" + extension + "格式");
             return false;
         }  
     </script>

控件代码：

<asp:FileUpload ID="FileUpload1" runat="server" onpropertychange="show1(this.value)" />
    <asp:Button ID="Button1" runat="server" οnclick="Button1_Click"  OnClientClick="checkType()" Text="上傳" />

上传按钮事件：

 protected void Button1_Click