Html:

 <div class="container">
        <form id="form" runat="server" method="post" enctype="multipart/form-data" action="Upfile.ashx">
        <span class="input-file" id="Filetransfer">
            <img src="data:images/Filetransfer.png" style="z-index: -1; width: 100%; height: 100%;" />
            <input class="fileInput" type="file" name="file1" id="file1" onchange="submitform()" />
        </span>
        </form>
    </div>
script:
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script src="js/ajaxfileupload.js" type="text/javascript"></script>
 <script type="text/javascript">
        function submitform() {
            if ($("#file1").val().length > 0) {
                ajaxFileUpload();
            }
            else {
                alert("请选择图片");
            }
        }         function ajaxFileUpload() {
            $.ajaxFileUpload
            (
                {
                    url: 'Upfile.ashx', //用于文件上传的服务器端请求地址
                    type: 'post',
                    fileElementId: 'file1', //文件上传空间的id属性  <input type="file" id="file" name="file" />
                    dataType: 'JSON', //返回值类型 一般设置为json
                    success: function (data, status)  //服务器成功响应处理函数
                    {
                        $(".popupbox").show();
                    },
                    error: function (data, status, e)//服务器响应失败处理函数
                    {
                        alert(e);
                    }
                }
            )
            return false;
        }            </script>
C#代码:
  context.Response.ContentType = "text/plain";
            System.Web.HttpFileCollection files =context.Request.Files;
            for (int fileCount = 0; fileCount < files.Count; fileCount++)
            {
                System.Web.HttpPostedFile postedfile = files[fileCount];                 string fileName = Guid.NewGuid().ToString().ToLower() + System.IO.Path.GetFileName(postedfile.FileName);
                if (!String.IsNullOrEmpty(fileName))
                {                     string fileExtension = System.IO.Path.GetExtension(fileName);    //获取文件类型  
                    
                    //上传目录 
                    string nowtime = DateTime.Now.ToString("yyyy-MM-dd").Replace(" ", "_").Replace(":", "-");
                    string directory = System.Configuration.ConfigurationManager.AppSettings["k1"]+nowtime;
                    //文件全路径  
                    string path = directory + "/" + fileName;                     //判断目录是否存在  
                    if (!Directory.Exists(directory))
                    {
                        Directory.CreateDirectory(directory);
                    }
                    //文件存在就删除文件  
                    if (File.Exists(path))
                    {
                        File.Delete(path);
                    }

  //上传到服务器的路径 
                       postedfile.SaveAs(path);
                                   }
            }

文件上传ajaxfileupload.js插件的更多相关文章

  1. [转]一个文件上传的jquery插件

    http://www.jb51.net/article/51547.htm 这篇文章主要介绍了使用ajaxfileupload.js实现ajax上传文件php版,需要的朋友可以参考下     无论是P ...

  2. 文件上传以及JS链式结构

    文件上传: 文件上传使用FileUpload控件,使用控件的SaveAs方法,需要绝对路径. 获取文件的绝对路径:Server.MapPath(相对路径); 或许要上传文件的本身名字用.FileNam ...

  3. 基于Ajax的文件上传使用FileInput插件(使用谷歌翻译作者的原文,大致意思是对的,自己把握)

    bootstrap-fileinput 说明文档:http://plugins.krajee.com/file-input 有许多人希望学习使用bootstrap-fileinput jQuery插件 ...

  4. 大文件上传组件webupload插件

    之前仿造uploadify写了一个HTML5版的文件上传插件,没看过的朋友可以点此先看一下~得到了不少朋友的好评,我自己也用在了项目中,不论是用户头像上传,还是各种媒体文件的上传,以及各种个性的业务需 ...

  5. 文件上传大小js判断

    function fileChange(target) { var fileSize = 0; if (isIE && !target.files) { var filePath = ...

  6. 项目二、自定义文件上传函数(js函数)

    /** * 文件上传工具 v1.0 * @param file 要上传的文件 * @param url 要上传到的路径 * @param div 要显示的区域 */ function uploader ...

  7. 多文件上传 file-uploader.js

    插件暴露给用户可以设置的参数 插件构成 声明一个全局对象qq,在对象上封装几个方法,类似JQUERY的方法 qq.extend 合并对象属性,类似$.extend() qq.indexOf 获取元素索 ...

  8. 文件上传(js, C#)

    ajaxFileUpload http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html

  9. jQuery插件AjaxFileUpload实现ajax文件上传

    转自:http://www.cnblogs.com/linjiqin/p/3530848.html jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个 ...

随机推荐

  1. Bugtags,产品经理的瑞士军刀

    做为设计移动应用的产品经理,每天的主要工作就是在手机上不停的体验自己的产品,发现问题.优化体验.你是否经常工作在这样的尴尬场景: 发现界面问题,将问题界面截屏传到电脑,用图片标记工具将问题标记出来,然 ...

  2. oracle中的exists 和not exists 用法详解

    有两个简单例子,以说明 “exists”和“in”的效率问题 1) select * from T1 where exists(select 1 from T2 where T1.a=T2.a) ; ...

  3. sqlldr导入数据

    直接在cmd输入sqlldr即可,不需要先输sqlplus. 参考链接:每次提交多少行很重要:http://www.cnblogs.com/wingsless/archive/2012/08/04/2 ...

  4. C++学习46 getline()函数读入一行字符 一些与输入有关的istream类成员函数

    getline函数的作用是从输入流中读取一行字符,其用法与带3个参数的get函数类似.即    cin.getline(字符数组(或字符指针), 字符个数n, 终止标志字符) [例13.7] 用get ...

  5. 用jQuery之后,之前javascript的一些方法就不能用了吗

    用jQuery之后,之前javascript的一些方法就不能用了吗? 比如$("#btn").onclick = function(){}这种用法?或者$("#btn&q ...

  6. 判断DataTable是否为空

    DataTable: ) { //为空的操作 } DataRow: if(!DataRow.IsNull("列名")) { //不为空的操作 }

  7. EXT layout

    1.Vbox createCenterPanel: function () { var pan = Ext.create('Ext.Panel', { height: '100%', title: ' ...

  8. nyoj 102 次方求摸 快速幂

    点击打开链接 次方求模 时间限制:1000 ms  |  内存限制:65535 KB 难度:3 描述 求a的b次方对c取余的值 输入 第一行输入一个整数n表示测试数据的组数(n<100) 每组测 ...

  9. 最大子序列和(O(n))

    下面介绍一个线性的算法,这个算法是许多聪明算法的典型:运行时间是明显的,但是正确性则很不明显(不容易理解). //线性的算法O(N) long maxSubSum4(const vector<i ...

  10. hbase1.1.2安装

    环境:hadoop2.6.1,zk3.4.6 1.配置环境变量 sudo vi /etc/profile.d/hbase-env.sh export HBASE_HOME=/usr/local/hba ...