简单代码实现图片上传-CSDN博客

本文链接：https://blog.csdn.net/LvQing825/article/details/83522040


<%@ 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" type="text/javascript">

     //预览图片
function onUploadImgChange(sender) {
            if (!sender.value.match(/.jpg|.gif/i)) {
                alert("图片格式不正确，只能是.jpg和 .gif格式");
                return false;
            }
            var objPreview = document.getElementById('preview');
            var objPreviewFake = document.getElementById('preview_fake');

            if (sender.files && sender.files[0]) {
                objPreview.style.display = 'block';
                objPreview.style.width = '300px';
                objPreview.style.height = '300px';
                // Firefox 因安全性问题已无法直接通过 input[file].value 获取完整的文件路径   
                objPreview.src = sender.files[0].getAsDataURL();
            } else if (objPreviewFake.filters) {
                // IE7,IE8 在设置本地图片地址为 img.src 时出现莫名其妙的后果   
                //（相同环境有时能显示，有时不显示），因此只能用滤镜来解决   

                // IE7, IE8因安全性问题已无法直接通过 input[file].value 获取完整的文件路径   
                sender.select();
                var imgSrc = document.selection.createRange().text;

                objPreviewFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = imgSrc;
                objPreviewFake.style.width = '70px';
                objPreviewFake.style.height = '70px';
                objPreview.style.display = 'none';
            }
        }


    </script>    


</head>
<body>
<form action="upload.aspx" enctype="multipart/form-data" method="post">
 上传图像: <input  name="uploadImage" type="file"     onchange="onUploadImgChange(this)" />
  <div id="preview_fake" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);  "> 
                                <img id="preview" style="  display:none; "/> 
                            </div> 

                            <input  type="submit" value="提 交" />
                            </form>
</body>
</html>


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)
    {

    }
}


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

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>

    </div>
    </form>
</body>
</html>



using System;
using System.Data;
using System.Configuration;
using System.Collections;
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 upload : System.Web.UI.Page
{

    private HttpPostedFile UploadImage {

        get {
            return this.Request.Files["uploadImage"];
        }
    }




    protected void Page_Load(object sender, EventArgs e)
    {

        if(UploadImage!=null){

            //获取文件夹的物理路径
       string phyPath=this.Server.MapPath("Upload/");


             //随机产生图片 防止图片重名


      string  imageName= System.DateTime.Now.Ticks.ToString();
            if(UploadImage.ContentType=="image/pjpeg"){
                imageName = imageName + ".jpg";

            }else if(UploadImage.ContentType=="image/gif"){

                imageName = imageName + ".gif";
            }


            this.UploadImage.SaveAs(phyPath + imageName);                


            this.Server.Transfer("showImage.aspx?imageName=" + imageName);

        }
    }
}



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

<!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>
</head>
<body>
  <img src="Upload/<%= ImageName  %>" />
</body>
</html>



using System;
using System.Data;
using System.Configuration;
using System.Collections;
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 showImage :Page
{

     public string ImageName {


          get{
              return this.Request.QueryString["imageName"];
          }
     }

    protected void Page_Load(object sender, EventArgs e)
    {

    }
}