欧美久久久,亚洲一区二区三区麻豆,亚洲一区二区久久

先看效果圖：

文件布局：

defualt.aspx代碼：

</body>

default.aspx后臺(tái)代碼：

webpublic.cs主要代碼：

/// <summary>
    /// 頁(yè)面只彈出消息框，不跳轉(zhuǎn)，不刷新！
    /// </summary>
    /// <param name="msg"></param>
    public void ShowMessageBox(string msg)
    {
        Page page = (Page)HttpContext.Current.CurrentHandler;
        page.ClientScript.RegisterStartupScript(GetType(), "", "<script>alert('" + msg + "')</script>");
    }

/// <summary>
    /// 驗(yàn)證文件類型
    /// </summary>
    /// <param name="file">上傳上來(lái)的文件</param>
    /// <returns></returns>
    public Boolean IsAllowedExtension(HttpPostedFile file)
    {
        int fileLen = file.ContentLength;
        byte[] imgArray = new byte[fileLen];
        file.InputStream.Read(imgArray, 0, fileLen);
        MemoryStream ms = new MemoryStream(imgArray);
        System.IO.BinaryReader br = new System.IO.BinaryReader(ms);
        string fileclass = "";
        byte buffer;
        try
        {
            buffer = br.ReadByte();
            fileclass = buffer.ToString();
            buffer = br.ReadByte();
            fileclass += buffer.ToString();
        }
        catch
        {
        }
        finally
        {
            br.Close();
            ms.Close();
        }
        //說(shuō)明255216是jpg;7173是gif;6677是BMP,13780是PNG;7790是exe,8297是rar
        if (fileclass == "255216" || fileclass == "7173" || fileclass == "6677" || fileclass == "13780")
            return true;
        else
            return false;
    }

// <summary>
    /// 提示成功信息！.back()
    /// </summary>
    /// <param name="msg"></param>
    /// <param name="url"></param>
    public void Show_Msg(string msg)
    {

HttpContext.Current.Response.Write("<script>alert(\"" + msg + "\");history.back();</script>");
        HttpContext.Current.Response.End();
    }

fileupload.aspx的后臺(tái)代碼：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class WebAdmin_fileupload : System.Web.UI.Page
{
    webpublic wp = new webpublic();

protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.Files["file"] != null)
        {
            HttpPostedFile file = Request.Files["file"];
            //驗(yàn)證文件格式
            if (wp.IsAllowedExtension(file))
            {
                Random ra = new Random();
                String filePath = "~/Files/" + DateTime.Now.ToString("yyyyMMddHHmmssfff") + ra.Next(1000, 9999)
                    //獲取文件后綴
                    + System.IO.Path.GetExtension(file.FileName);
                try
                {
                    file.SaveAs(Server.MapPath(filePath));
                    Response.Write(ResolveUrl(filePath));
                }
                catch (Exception)
                {
                    Response.Write("<a href="http://www.it610.com/tag/134.jspx" target="_blank">文件上傳</a>發(fā)生錯(cuò)誤!");
                }
            }
            else
            {
                Response.Write("文件格式不正確！");
            }
        }

if (Request["myurl"] != null)
        {
            var url =Request["myurl"];
            try
            {
                System.IO.File.Delete(Server.MapPath(url));
                Response.Write("文件刪除成功！");
            }
            catch (Exception)
            {
                Response.Write("文件刪除失??！");
            }
        }
        Response.End();
    }
}

js代碼部分：

$(document).ready(function() {
    var img = document.createElement("img");
    img.title = "雙擊圖片可刪除圖片";
    img.id = "UploadImg";
    img.height = "100";
    $("#UploadButton").click(function() {
        if ($("#FileUpload").val() == "") {
            alert("請(qǐng)選擇要上傳的圖片！");
            return false;
        }
        //如果已有圖片，則先把圖片刪除
        if ($("#ImageHideFile").val() != "") {
            $.get("fileupload.aspx?myurl=" + $("#ImageHideFile").val(),
            function(data) {
                $("#ImageHideFile").val("");
                $("#UploadImg").attr("src", "");
            });
        }
        var myform = document.createElement("form");
        myform.action = "fileupload.aspx";
        myform.method = "post";
        myform.enctype = "multipart/form-data";
        document.body.appendChild(myform);  //創(chuàng)建表單后一定要加上這句否則得到的form不能上傳。                                               //document后要加上body,否則火狐下不行。
        var form = $(myform);
        var fu = $("#FileUpload").clone(true).val("");
        var fua = $("#FileUpload").appendTo(form);
        $("#filespan").html("<img src=\"images/loading.gif\" />正在上傳..");

form.ajaxSubmit({
            success: function(data) {
                if (data == "<a href="http://www.it610.com/tag/134.jspx" target="_blank">文件上傳</a>發(fā)生錯(cuò)誤!" || data == "文件格式不正確！") {
                    alert(data);
                }
                else {
                    $("#ImageHideFile").val(data);
                    $("#dvi").find("img").remove();
                    $("#dvi").append($(img));//要先append再給img賦值，否則在ie下不能縮小寬度
                    $(img).attr("src", data);                    
                 //綁定圖片雙擊事件。實(shí)現(xiàn)雙擊圖片刪除圖片
                    $(img).bind("dblclick",
                    function() {
                        if ($("#ImageHideFile").val() == "") {
                            return;
                        }
                        $.get(
                            "fileupload.aspx?myurl=" + $("#ImageHideFile").val(),
                            function(data) {
                                alert(data);
                                if (data == "文件刪除成功！") {
                                    $("#ImageHideFile").val("");
                                    $(img).remove();
                                }
                                $("#UploadImg").attr("src", $("#ImageHideFile").val());
                            });
                    });
                }
                $("#filespan").html(fu);
                form.remove();
            }
        });
    });
});

每次只能上傳一張圖片。每次上傳時(shí)如果已經(jīng)有圖片則把原圖刪除再上傳，上傳后雙擊圖片可刪除圖片。適合用于只上傳一張圖片。

引用了這兩個(gè)類庫(kù)

2011年9月13日改進(jìn)版本請(qǐng)看： http://blog.csdn.net/weizengxun/article/details/6769977

自己寫的圖片上傳

更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索：z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系： 360901061

您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】元

2元

5元

10元

20元

自定義