第一：建立Default.aspx页面

<html>

<head runat="server">

    <title>ajax图片上传</title>

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

    <script src="js/jquery.form.js" type="text/javascript"></script>  

    <script type="text/javascript">

      function upload(){

        var path = document.getElementById("File1").value;

        var img = document.getElementById("img1");

        if($.trim(path)==""){

            alert("请选择要上传的文件");

            return;

            }  

        $("#form1").ajaxSubmit({

            success: function (str) {

                if(str!=null && str!="undefined"){

                    if (str == "1") {alert("上传成功");document.getElementById("img1").src="data:images/logo.jpg?"+new Date();/*上传后刷新图片*/}

                    else if(str=="2"){alert("只能上传jpg格式的图片");}

                    else if(str=="3"){alert("图片不能大于1M");}

                    else if(str=="4"){alert("请选择要上传的文件");}

                    else {alert('操作失败！');}

                }

                else alert('操作失败！');

            },

            error: function (error) {alert(error);},

            url:'Handler.ashx', /*设置post提交到的页面*/

            type: "post", /*设置表单以post方法提交*/

            dataType: "text" /*设置返回值类型为文本*/

        });

    }

    </script>

</head>

<body>

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

        <input id="File1" name="File1" type="file" />

        <input id="iptUp" type="button" value="上传Logo"  onclick="upload()"/>

        <img id="img1" alt="网站Logo" src="data:images/weblogo.jpg" />

    </form>

</body>

</html>

二、新建一个一般处理文件Handler.ashx

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

using System;

using System.Web;  

public class Handler : IHttpHandler {  

    public void ProcessRequest (HttpContext context) {

        HttpPostedFile _upfile = context.Request.Files["File1"];

        if (_upfile == null)

        {

            ResponseWriteEnd(context, "");//请选择要上传的文件

        }

        else

        {

            string fileName = _upfile.FileName;/*获取文件名： C:\Documents and Settings\Administrator\桌面\123.jpg*/

            string suffix = fileName.Substring(fileName.LastIndexOf(".") + ).ToLower();/*获取后缀名并转为小写： jpg*/

            int bytes = _upfile.ContentLength;//获取文件的字节大小   

            if (suffix != "jpg")

                ResponseWriteEnd(context, ""); //只能上传JPG格式图片

            if (bytes >  * )

                ResponseWriteEnd(context, ""); //图片不能大于1M   

            _upfile.SaveAs(HttpContext.Current.Server.MapPath("~/images/logo.jpg"));//保存图片

            ResponseWriteEnd(context, ""); //上传成功

        }

    }  

    private void ResponseWriteEnd(HttpContext context, string msg)

    {

        context.Response.Write(msg);

        context.Response.End();

    }  

    public bool IsReusable {

        get {

            return false;

        }

    }

}

可以按照自己的需求来修改，希望对您有帮助！

ajax+jquery+ashx如何实现上传文件的更多相关文章

  1. Django学习——ajax发送其他请求、上传文件（ajax和form两种方式）、ajax上传json格式、 Django内置序列化（了解）、分页器的使用

    1 ajax发送其他请求 1 写在form表单 submit和button会触发提交 <form action=""> </form> 注释 2 使用inp ...

  2. 【转】JQuery插件ajaxFileUpload 异步上传文件（PHP版）

    前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现a ...

  3. JQuery插件ajaxFileUpload 异步上传文件（PHP版）

    太久没写博客了,真的是太忙了.善于总结,进步才会更快啊.不多说,直接进入主题. 前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错 ...

  4. ajax上传文件 基于jquery form表单上传文件

    <script src="/static/js/jquery.js"></script><script> $("#reg-btn&qu ...

  5. 利用jquery.form实现异步上传文件

    实现原理 目前需要在一个页面实现多个地方调用上传控件上传文件,并且必须是异步上传.思考半天,想到通过创建动态表单包裹上传文件域,利用jquery.form实现异步提交表单,从而达到异步上传的目的,在上 ...

  6. （H5）FormData+AJAX+SpringMVC跨域异步上传文件

    最近都没时间整理资料了,一入职就要弄懂业务,整天被业务弄得血崩. 总结下今天弄了一个早上的跨域异步上传文件.主要用到技术有HTML5的FormData,AJAX,Spring MVC. 首先看下上传页 ...

  7. 关于JQuery.form.js异步上传文件点滴

    好久没动代码了,前几天朋友委托我帮忙给做几个页面,其中有个注册带图片上传的页面.已之前的经验应该很快就能搞定,没想到的是搞了前后近一天时间.下面就说说异步上传的重要几个点,希望自己下次遇到此类问题的时 ...

  8. JQuery插件ajaxFileUpload 异步上传文件

    一.先对ajaxFileUpload插件的语法参数进行讲解 原理:ajaxfileupload是通过监听iframe的onload方法来实现, 当从服务端处理完成后,就触发iframe的onload事 ...

  9. jquery.form.js mvc 上传文件 layer 选择框与等待效果

    HTML <form role="form" id="form1"> <div class="form-group"> ...

随机推荐

  1. nginx资源定向 css js路径问题

    今天玩玩项目,学学nginx发现还不错,速度还可以,但是CSS JS确无法使用,原来Iginx配置时需要对不同类型的文件配置规则,真是很郁闷,不过想想也还是很有道理.闲暇之际,把配置贴上来.#user ...

  2. MyBatis环境搭建配置文件+入门视频下载

    1.MyBatis优点 操作简单话,代码量少,效率高,成本就降低了 2.MyBatis缺点 参数只能限制为一个 selece语都要手动来写 3.与JDBC的关系:是对JDBC的扩展 把sql语句和ja ...

  3. 计算alert弹出框的次数

    (function() { var oldAlert = window.alert, count = 0; window.alert = function(a) { count++; oldAlert ...

  4. 20145337 《Java程序设计》第九周学习总结

    20145337 <Java程序设计>第九周学习总结 教材学习内容总结 数据库本身是个独立运行的应用程序 撰写应用程序是利用通信协议对数据库进行指令交换,以进行数据的增删查找 JDBC可以 ...

  5. php课程---文件操作及文件上传的代码总结

    php里面文件包含目录和文件两种 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...

  6. js中的回调函数的理解和使用方法

    js中的回调函数的理解和使用方法 一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数. 二. 回调函数的解释 因为 ...

  7. mybatis底层源码分析之－－配置文件读取和解析

    现在企业级开发中ssm是很常见的技术标配,mybatis比hibernate轻量了很多,而且学习成本相对较低,简单易上手. 那么,问题来了,简单好用的mybatis底层到底是如何实现的呢?都使用了什么 ...

  8. Ubuntu每次启动都显示System program problem detected的解决办法

    Ubuntu每次启动都显示System program problem detected的解决办法 sudo gedit /etc/default/apport 将enabled=1改为enabled ...

  9. Centos7 安装 nodejs

    https://nodejs.org/en/download/package-manager/ 设置node v4的源 curl --silent --location https://rpm.nod ...

  10. 【转】基于 CoreText 实现的高性能 UITableView

    引起UITableView卡顿比较常见的原因有cell的层级过多.cell中有触发离屏渲染的代码(譬如:cornerRadius.maskToBounds 同时使用).像素是否对齐.是否使用UITab ...