文件上传组件,所需js文件和图片在百度网盘对应的文件夹下

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SWFUpload_Demo.aspx.cs" Inherits="BookShop.Web.Test.SWFUpload_Demo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="../../js/jquery-1.7.1.js"></script>

    <script src="../handlers.js"></script>

    <script src="../swfupload.js"></script>

    <script type="text/javascript">

        var swfu;

        window.onload = function () {

            swfu = new SWFUpload({

                //指定要上传的路径

                upload_url: "/ashx/FileUpload.ashx",

                post_params: {

                    "ASPSESSID": "<%=Session.SessionID %>"

                },

                // File Upload Settings

                file_size_limit: "2 MB",

                file_types: "*.jpg;*.gif",

                file_types_description: "JPG Images",

                file_upload_limit: ,    // Zero means unlimited

                // 事件处理了的三个主要方法定义在 Handlers.js

                //  The handlers are not part of SWFUpload but are part of my website and control how

                //  my website reacts to the SWFUpload events.

                swfupload_preload_handler: preLoad,

                swfupload_load_failed_handler: loadFailed,

                file_queue_error_handler: fileQueueError,

                file_dialog_complete_handler: fileDialogComplete,

                upload_progress_handler: uploadProgress,

                upload_error_handler: uploadError,

                upload_success_handler: showImage,

                upload_complete_handler: uploadComplete,

                // 按钮设置

                button_image_url: "/SWFUpload/images/XPButtonNoText_160x22.png",

                button_placeholder_id: "spanButtonPlaceholder",

                button_width: ,

                button_height: ,

                button_text: '<span class="button">请选择上传图片<span class="buttonSmall">(2 MB Max)</span></span>',

                button_text_style: '.button { font-family: Helvetica, Arial, sans-serif; font-size: 14pt; } .buttonSmall { font-size: 10pt; }',

                button_text_top_padding: ,

                button_text_left_padding: ,

                // Flash Settings

                flash_url: "/SWFUpload/swfupload.swf",    // Relative to this file

                flash9_url: "/SWFUpload/swfupload_FP9.swf",    // Relative to this file

                custom_settings: {

                    upload_target: "divFileProgressContainer"

                },

                // Debug Settings

                debug: false

            });

        }

        //上传成功以后调用该方法

        function showImage(file, serverData) {

            $("#showPhoto").attr("src", serverData);

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div id="content">

        <div id="swfu_container" style="margin: 0px 10px;">

            <div>

                <span id="spanButtonPlaceholder"></span>

            </div>

            <div id="divFileProgressContainer" style="height: 75px;"></div>

            <div id="thumbnails"></div>

            <img id="showPhoto"></img>

        </div>

        </div>

    </form>

</body>

</html>

前台代码

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Web;

namespace BookShopManager.Web.Ashx

{

    /// <summary>

    /// FileUpload 的摘要说明

    /// </summary>

    public class FileUpload : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/plain";

            HttpPostedFile file = context.Request.Files["Filedata"];

            if (file != null)

            {

                string fileName = Path.GetFileName(file.FileName);

                string fileExt = Path.GetExtension(fileName);

                if (fileExt == ".jpg")

                {

                    string dir = "/FileUpload/" + DateTime.Now.Year + DateTime.Now.Month + DateTime.Now.Day + "/";

                    if (!Directory.Exists(context.Request.MapPath(dir)))

                    {

                        Directory.CreateDirectory(context.Request.MapPath(dir));

                    }

                    string newFileName = Guid.NewGuid().ToString();

                    string fullDir = dir + newFileName + fileExt;

                    file.SaveAs(context.Request.MapPath(fullDir));

                    context.Response.Write(fullDir);

                }

            }

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

}

服务器端代码

步步为营-86-WSFUpload组件的更多相关文章

  1. 谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo

    前言 前端已经过了单兵作战的时代了,现在一个稍微复杂一点的项目都需要几个人协同开发,一个战略级别的APP的话分工会更细,比如携程: 携程app = 机票频道 + 酒店频道 + 旅游频道 + ..... ...

  2. React Native知识4-Image组件

    一个用于显示多种不同类型图片的React组件,包括网络图片.静态资源.临时的本地图片.以及本地磁盘上的图片(如相册)等 一:属性 1:onLayout function 当元素挂载或者布局改变的时候调 ...

  3. [分享] 《步步为营封 Win7》--skyfree

    [分享] <步步为营封 Win7>--skyfree Skyfree 发表于 2009-9-13 05:51:32 https://www.itsk.com/thread-20957-1- ...

  4. 【腾讯Bugly干货分享】微信终端跨平台组件 mars 系列（一） - 高性能日志模块xlog

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57ff5932cde42f1f03de29b1 本文来源: 微信客户端开发团队 ...

  5. Tomcat源码分析之—组件启动实现分析

    Tomcat由多个组件组成,那么Tomcat是怎么对他们的生命周期进行管理的么,这里将从Tomcat源码去分析其生命周期的实现: Bootstrape类为Tomcat的入口,所有的组件够通过实现Lif ...

  6. javaWeb---文件上传（commons-FileUpload组件）

    FileUpload是Apache组织(www.apache.org)提供的免费的上传组件,但是FileUpload组件本身还依赖于commons组件,所以从Apache下载此组件的时候还需要连同co ...

  7. Android组件系列----Android Service组件深入解析

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

  8. 转-Fragment+ViewPager组件(高仿微信界面)

    http://www.cnblogs.com/lichenwei/p/3982302.html 什么是ViewPager? 关于ViewPager的介绍和使用,在之前我写过一篇相关的文章<安卓开 ...

  9. 转-ViewPager组件（仿微信引导界面）

    http://www.cnblogs.com/lichenwei/p/3970053.html 这2天事情比较多,都没时间更新博客,趁周末,继续继续~ 今天来讲个比较新潮的组件——ViewPager ...

随机推荐

  1. 20165234 《Java程序设计》第十周课下作业

    相关知识点的总结 泛型 Java 泛型的主要目的是可以建立具有类型安全的集合框架,如链表.散列映射等数据结构. 可以使用“class 名称<泛型列表>”声明一个类,为了和普通的类有所区别, ...

  2. Hibernate学习（三）

    Hibernate的查询方法(五种) 一.OID查询:按主键查询 --get( ) --load( ) 二.对象导航查询:通过已经查询到的联系人,得到起关联的对象 三.SQL查询 四.HQL查询(** ...

  3. google 开源项目阅读计划

    1. glog 2. gflags 3. carto 4. ...

  4. Houdini OpenCL

    SOP: simple moveKernel #include "interpolate.h" float lerpConstant( constant float * in, i ...

  5. 初识python异步模块Trio

    Trio翻译过来是三重奏的意思,它提供了更方便异步编程,是asyncio的更高级的封装. 它试图简化复杂的asyncio模块.使用起来比asyncio和Twisted要简单的同时,拥有其同样强大功能. ...

  6. OpenStack实践系列⑧可视化服务Horizon之Dashboard演示

    OpenStack实践系列⑧可视化服务Horizon之Dashboard演示 七.可视化服务Horizon之Dashboard演示 仪表板依赖于功能核心服务,包括身份,图像服务,计算和网络两种(neu ...

  7. LabVIEW将字符串转化为十进制

    (1)作用:将ASCII当做成十六进制来表示,并计算这个十六进制数对应的十进制大小 例如:008A本身对应的ASCII码用十六进制表示为为30 30 38 41,但有些协议中将008A当成0x008A ...

  8. python安装提示No module named setuptools,wget提示ERROR 403: SSL is required

    在下载安装一个python工具时提示报错No module named setuptools [root@kermit supervisor-3.3.0]$ sudo python setup.py ...

  9. IPFS环境安装

    IPFS是一个分布式的P2P的协议,可能会取代这个http,全球的点都可能存储这个数据 IPFS搭建环境 1.首先是下载节点软件到官网下载windows版本的ipfs节点软件,如果不能访问官网的话,可 ...

  10. Swift 学习- 04 -- 字符串和字符

    // 字符串 和 字符 // 字符串 是有序的 Character (字符) 类型的值的集合,  通过 String 类型的集合 // swift 的 String 和 Character 类型提供了 ...