• ajax无刷新上传图片


    index.aspx:

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

    <!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 id="Head1" runat="server">
        <title>Uploadify</title>
        <link href="js/jquery.uploadify-v2.1.0/example/css/default.css" rel="stylesheet" type="text/css" />
        <link href="js/jquery.uploadify-v2.1.0/uploadify.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery.uploadify-v2.1.0/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.uploadify-v2.1.0/swfobject.js"></script>
        <script type="text/javascript" src="js/jquery.uploadify-v2.1.0/jquery.uploadify.v2.1.0.min.js"></script>
        <script type="text/javascript" src="js/myjs.js"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="fileQueue" ></div>
       
        <input type="file" name="uploadify" id="uploadify" />
        <p>
            <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>|
            <a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a>
        </p>
        <asp:Image ID="pic" runat="server" />
        </form>

    </body>
    </html>

    imageHandler.ashx:

    <%@ WebHandler Language="C#" class="imageHandler" %>

    using System;
    using System.Web;
    using System.IO;

    public class imageHandler : IHttpHandler {
       
        public void ProcessRequest (HttpContext context) {
            context.Response.ContentType = "text/plain";
            context.Response.Charset = "utf-8";

            HttpPostedFile file = context.Request.Files["Filedata"];
            string uploadPath = HttpContext.Current.Server.MapPath(@context.Request["folder"]) + "\";

            if (file != null)
            {
                //if (File.Exists(uploadPath + file.FileName))
                //{
                //    context.Response.Write("3");            //文件已经存在
                //    return;
                //}

                string[] fn = file.FileName.Split('.');
                string ext = fn[fn.Length - 1];
                string filename = DateTime.Now.ToString("yyyyMMddhhmmss") + "." + ext;
                if (!Directory.Exists(uploadPath))
                {
                    Directory.CreateDirectory(uploadPath);
                }
                file.SaveAs(uploadPath + filename);
                //下面这句代码缺少的话,上传成功后上传队列的显示不会自动消失
               // context.Session[context.Session["userName"].ToString()] = filename;       //这里书写有点不规范

                context.Response.Write(filename);
            }
            else
            {
                context.Response.Write("0");
            } 
        }
     
        public bool IsReusable {
            get {
                return false;
            }
        }

    }

  • 相关阅读:
    欧拉代码005
    欧拉计划003
    欧拉计划004
    欧拉计划006
    欧拉计划002
    LINUXS3C2440SJA1000驱动程序笔记
    WPF实现窗体内容分割
    InotifyPropertyChanged接口实现简单数据绑定
    C#的6种常用集合类大比拼
    WPF获取窗体或控件句柄
  • 原文地址:https://www.cnblogs.com/sijiyong/p/3290807.html
Copyright © 2020-2023  润新知