`

使用uploadiify实现图片上传功能

阅读更多
使用uploadify插件实现图片上传功能。这是一种flash上传的形式。缺点是在ff不能正常的显示。有说与session的问题,没解决成功。

引入 jquery.uploadify.min.js插件和uploadify文件夹。可在官方文档中下载
建一个upload.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Upload.aspx.cs" Inherits="text" %>

<!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>
    <link type="text/css" rel="Stylesheet" href="Css/uploadify.css" />
    <script src="Js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="Js/Admin/jquery.uploadify-3.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            var href = location.href;
            //alert(href);
            if (href.indexOf('?') < 0) { alert("错误"); return; }
            href = href.substring(href.indexOf('?') + 1, href.length);
            var foldername = href.substring(href.indexOf('=') + 1, href.length);
            var name=href.substring(0,href.indexOf('&'));
            //alert(href);
            $("#uploadify").uploadify({
                height: 30,
                swf: 'Images/AdministratorCenter/uploadify.swf',
                uploader: 'UploadHandler.ashx?id=' + href,
                width: 120,
                buttonClass:'upload_button'
                folder: 'WebImages',
                fileTypeDesc: 'Web Images',
                fileTypeExts: ' *.jpg;',
                onUploadSuccess: function(file, data, response) { window.opener.document.all.uploadfile.innerHTML = foldername+"/"+name + ".jpg"; window.close(); },
                onUploadError: function(file, errorCode, errorMsg, errorString) { alert(errorString); }
            });
        });  
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input type="file" name="uploadify" id="uploadify" />
    </form>
</body>
</html>


再建一个UploadHandler.ashx
<%@ WebHandler Language="C#" Class="UploadHandler" %>

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

public class UploadHandler : IHttpHandler {

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

        HttpPostedFile file = context.Request.Files["Filedata"];
        string casetitle = context.Request["casetitle"];
        string uploadPath =
            HttpContext.Current.Server.MapPath(@context.Request["folder"]) + "\\WebImages\\"+casetitle+"\\";
        string filenameSelt = context.Request["id"];
        if (file == null || filenameSelt == null)
        {
            return;
        }
        string filetype = file.FileName.Substring(file.FileName.IndexOf("."));//文件后缀
        if (file != null)
        {
            if (!Directory.Exists(uploadPath))
            {
                Directory.CreateDirectory(uploadPath);
            }
            file.SaveAs(uploadPath+ filenameSelt + filetype);
            
            //下面这句代码缺少的话,上传成功后上传队列的显示不会自动消失
            context.Response.Write("1");
        }
        else
        {
            context.Response.Write("0");
        }
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}
分享到:
评论

相关推荐

    基于 Java 实现的宠物医院在线挂号系统

    基于 Java 实现的宠物医院在线挂号系统 基于 Java 实现的宠物医院在线挂号系统

    天津欢乐谷官方网站html5响应式触屏版手机wap旅游网站模板.zip

    触屏版自适应手机wap软件网站模板 触屏版自适应手机wap软件网站模板

    基于matlab实现的混沌扰动算法来解决pso算法早熟问题,并用二者结合来训练灰色预测模型参数.rar

    基于matlab实现的混沌扰动算法来解决pso算法早熟问题,并用二者结合来训练灰色预测模型参数.rar

    基于matlab实现的活性污泥模型的计算中进水水质转化的源代码.rar

    基于matlab实现的活性污泥模型的计算中进水水质转化的源代码.rar

    node-v5.7.1.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    使用Fcn UNet训练防焊无开口-python源码.zip

    使用Fcn UNet训练防焊无开口-python源码.zip

    ONNXRuntime部署LSTR基于Transformer实时车道线检测包含C++和Python源码+模型+说明.zip

    ONNXRuntime部署LSTR基于Transformer实时车道线检测包含C++和Python源码+模型+说明.zip

    2021-2010上市公司和讯网社会责任评级CSR-股东员工客户消费者环境社会责任分项评级

    上市公司和讯网社会责任评级CSR-股东责任员工责任客户消费者环境社会责任分项评级 得分(2010-2021年) "中国上市公司-和讯网社会责任数据"是 一份来自和讯网的数据集,它同步并收集了中国上市公司关于社会责任的相关信息。包括了 公司在股东责任、员工责任、供应商客户消费者权益责任、环境责任、社会责任中的表现和 成绩,以反映公司承担社会责任的程度。可以帮助大家了解公司在承担社会责任方面的具体 表现。这对于研究公司社会责任与公司业绩、公司声誉、公司风险等方面的关系具有参考意 义。 一、数据介绍 数据名称:上市公司和讯网社会责任评级CSR-股东责任员工责任 客户消费者环境社会责任分项评级得分 数据年份:2010-2021年 样本数量:每 年含2300-4600左右上市公司数据,总数据量40058条(注:因披露口径原因 ,2021年仅有430+上市公司数据) 数据格式:Excel面板数据 二、指标说 明 共计11个指标:股票名称、股票代码、年份、总得分、等级、股东责任、员工责任、 供应商客户和消费者权益责任、环境责任、社会责任、统计日期 三、部分excel数据 展示

    用Stata怎样检验调节效应和被调节的中介效应:学习课件,数据、程序命令源代码

    用Stata怎样检验调节效应和被调节的中介效应:学习课件,数据、程序命令源代码 自己重新整理,不存在任何版权、争议的商业信息! 用Stata怎样检验调节效应和 被调节的中介效应:学习课件,数据、程序命令源代码 用Stata怎样检验调节效应和 被调节的中介效应:学习课件,数据、程序命令源代码 用Stata怎样检验调节效应和 被调节的中介效应:学习课件,数据、程序命令源代码 用Stata怎样检验调节效应和 被调节的中介效应:学习课件,数据、程序命令源代码

    机械设计导套自动供料机sw18可编辑非常好的设计图纸100%好用.zip

    机械设计导套自动供料机sw18可编辑非常好的设计图纸100%好用.zip

    数学建模比赛知识点介绍.zip

    数学建模 数学建模比赛的知识点非常广泛,涵盖了多个数学领域和实际应用领域。以下是一些常见的数学建模比赛知识点介绍: 线性代数:线性代数是数学建模中非常重要的基础知识,包括矩阵运算、线性方程组、向量空间、特征值和特征向量等。这些知识点在解决优化问题、控制系统、信号处理等领域都有广泛应用。 微积分:微积分是数学建模中另一个重要的基础知识,包括函数的极限、导数、微分、积分等。微积分在物理、工程、经济等领域都有广泛应用,例如解决动力学问题、优化问题、概率统计问题等。 概率论与数理统计:概率论和数理统计是数学建模中处理不确定性和随机性的重要工具。这包括随机变量、概率分布、随机过程、假设检验、回归分析、方差分析等。这些知识点在风险评估、市场预测、质量控制等领域都有广泛应用。

    IEC 60947-9-1-2019 低压开关设备和控制设备第9-1部分:主动电弧故障缓解系统灭弧装置.pdf

    IEC 60947-9-1-2019 低压开关设备和控制设备第9-1部分:主动电弧故障缓解系统灭弧装置.pdf

    node-v10.19.0-linux-arm64.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    机械设计全自动进料插件机sw18非常好的设计图纸100%好用.zip

    机械设计全自动进料插件机sw18非常好的设计图纸100%好用.zip

    豪华版XX主数据管理解决方案(63页).ppt

    【豪华版】XX主数据管理解决方案(63页).ppt

    node-v4.3.2.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    城市表层土壤重金属污染分析方案设计以及结果分析.doc

    本文档是课题研究的研究报告内含调研以及源码设计以及结果分析

    仿GoMobile触屏版html5响应式手机app网站模板下载-懒人模板.zip

    触屏版自适应手机wap软件网站模板 触屏版自适应手机wap软件网站模板

    手机159彩触屏版手机wap用户登陆注册模板.zip

    触屏版自适应手机wap软件网站模板 触屏版自适应手机wap软件网站模板

Global site tag (gtag.js) - Google Analytics