前台代码:

/*修改头像*/  
    //上传  
    function _sc() {  
        $(".ckfile").html("").css("color", "#535353");  
        $("#_userImgPath").val("");  
        var str = $("#file").val();  
        if ($.trim(str) == "") {  
            $(".ckfile").html("请选择文件。").css("color", "red");  
            return false;  
        }  
        else {  
            var postfix = str.substring(str.lastIndexOf(".") + 1).toUpperCase();  
            if (postfix == "JPG" || postfix == "JPEG" || postfix == "PNG" || postfix == "GIF" || postfix == "BMP") {  
                $('#showimg').attr('src', 'Images/loading.gif').attr("title", "上传中,请稍后…");  
  
                var path = "Upload/UserImg";  
                $.ajaxFileUpload({  
                    url: '/Upload.aspx?path=Upload|UserImg&shape=100*100',  
                    secureuri: false,  
                    fileElementId: 'file',  
                    dataType: 'text',  
                    success: function (msg) {  
                        if (msg.lastIndexOf(path) == -1) {  
                            $(".ckfile").html(msg).css("color", "red");  
                        }  
                        else {  
                            $('#showimg').attr('src', msg).attr("title", "我的头像");  
                            $("#_userImgPath").val(msg);  
                        }  
                    }  
                });  
  
            } else {  
                $(".ckfile").html("文件格式错误。").css("color", "red");  
                return false;  
            }  
        }  
    }  
 
后台代码:
using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
using System.Web.UI;  
using System.Web.UI.WebControls;  
using SS.Upload;  
using WFC.Fenxiao;  
  
  
namespace wanfangcheng  
{  
    public partial class Upload : BasePage  
    {  
        //文件大小 1024 kb  
        private long size = 1024;  
        //文件类型  
        private string type = ".jpg|.jpeg|.png|.gif|.bmp";  
        //保存名称  
        string name = "";  
        //保存路径  
        private string path = @"Upload/UserImg";  
        //保存大小  
        private string shape = "100*100";  
        protected void Page_Load(object sender, EventArgs e)  
        {  
            HttpFileCollection files = Request.Files;  
            if (files != null && files.Count > 0)  
            {  
                name = BaseRole.Instance.UserId.ToString();  
                if (Request.QueryString["size"] != null)  
                {  
                    size = Convert.ToInt32(Request.QueryString["size"]);  
                }  
                if (Request.QueryString["path"] != null)  
                {  
                    path = Request.QueryString["path"].ToString().Trim().Replace('|', '/');  
                }  
                if (Request.QueryString["name"] != null)  
                {  
                    name = Request.QueryString["name"].ToString().Trim();  
                }  
                if (Request.QueryString["shape"] != null)  
                {  
                    shape = Request.QueryString["shape"].ToString().Trim();  
                }  
                uploadMethod(files);  
            }  
        }  
        /// <summary>  
        /// 上传图片  
        /// </summary>  
        /// <param name="hc"></param>  
        public void uploadMethod(HttpFileCollection hc)  
        {  
            HttpPostedFile _file = hc[0];  
            //文件大小  
            long _size = _file.ContentLength;  
            if (_size <= 0)  
            {  
                Response.Write("文件错误。");  
                Response.End();  
                return;  
            }  
            if (size * 1024 < _size)  
            {  
                Response.Write("文件过大,最大限制为" + size + "KB。");  
                Response.End();  
                return;  
            }  
            //文件名  
            string _name = _file.FileName;  
            //文件格式  
            string _tp = System.IO.Path.GetExtension(_name).ToLower();  
            if (type.IndexOf(_tp) == -1)  
            {  
                Response.Write("文件格式错误。");  
                Response.End();  
                return;  
            }  
            //保存路径  
            string _path = HttpContext.Current.Server.MapPath(path) + @"/" + name + _tp;  
            try  
            {  
                int w = Convert.ToInt32(shape.Split('*')[0]);  
                int h = Convert.ToInt32(shape.Split('*')[1]);  
                ImageHelper.CutForCustom(_file, _path, w, h, 50);  
                Response.Write(path + @"/" + name + _tp);  
            }  
            catch (Exception)  
            {  
                Response.Write("哎呦,出错了。");  
                Response.End();  
            }  
        }  
    }  
}  

asp.net 基于ajaxfileupload.js 实现文件异步上传的更多相关文章

  1. 使用AjaxFileUpload.js实现文件异步上�

    ajax是无法提交文件的,所以在上传图片并预览的时候,我们常常使用Ifame的方法实现看似异步的效果.可是这样总不是非常方便的,AjaxFilleUpload.js对上面的方法进行了一个包装,使得我们 ...

  2. js 文件异步上传 显示进度条 显示上传速度 预览文件

    通常文件异步提交有几个关键 1.支持拖拽放入文件.2.限制文件格式.3.预览图片文件.4.上传进度,速度等,上传途中取消上传.5.数据与文件同时上传 现在开始笔记: 需要一个最基础的元素<inp ...

  3. SpringMVC + AJAX 实现多文件异步上传

    转自:https://www.jianshu.com/p/f3987f0f471f 今天,我就这个问题来写一篇如何用 SpringMVC + AJAX 实现的多文件异步上传功能.基本的代码还是沿用上篇 ...

  4. HTML5实现图片文件异步上传

    原文:HTML5实现图片文件异步上传 利用HTML5的新特点做文件异步上传非常简单方便,本文主要展示JS部分,html结构.下面的代码并未使用第三发库,如果有参照,请注意一些未展现出来的代码片段.我这 ...

  5. 文件的上传(表单上传和ajax文件异步上传)

    项目中用户上传总是少不了的,下面就主要的列举一下表单上传和ajax上传!注意: context.Request.Files不适合对大文件进行操作,下面列举的主要对于小文件上传的处理! 资源下载: 一. ...

  6. 普通文件的上传(表单上传和ajax文件异步上传)

    一.表单上传: html客户端部分: <form action="upload.ashx" method="post" enctype="mul ...

  7. MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传

    本篇使用客户端jQuery-File-Upload插件和服务端Badkload组件实现多文件异步上传.MVC文件上传相关兄弟篇: MVC文件上传01-使用jquery异步上传并客户端验证类型和大小  ...

  8. 文件的上传(1)(表单上传和ajax文件异步上传)

    文件的上传(表单上传和ajax文件异步上传) 项目中用户上传总是少不了的,下面就主要的列举一下表单上传和ajax上传!注意: context.Request.Files不适合对大文件进行操作,下面列举 ...

  9. 小程序使用 Promise.all 完成文件异步上传

    小程序使用 Promise.all 完成文件异步上传 extends [微信小程序开发技巧总结(二) -- 文件的选取.移动.上传和下载 - Kindear - 博客园 (cnblogs.com)] ...

随机推荐

  1. 关于Java开发一职的经验

    本人为大四软件工程学生,由于准备不充分也没有前人指点,去年10月份才赶上秋招节奏,然后签下了一家比较起来还行的公司.所以不太期望大家有求职意愿但苦于不知作何准备,所以特列以下知识点检索供大家查阅.如果 ...

  2. Nuxeo 认证绕过和RCE漏洞分析(CVE-2018-16341)

    简介 Nuxeo Platform是一款跨平台开源的企业级内容管理系统(CMS).nuxeo-jsf-ui组件处理facelet模板不当,当访问的facelet模板不存在时,相关的文件名会输出到错误页 ...

  3. Todo&Rocket

    Todo是怎么实现的? 前面两篇博客分别介绍了MVC和Backbone.js的逻辑,但是实战获真知,在来一篇来显示下Todo是怎么通过Backbone.js连接起来的. 忽略掉所有的代码,我们只是打开 ...

  4. 【SE】Week2 : 个人博客作业

    1. 是否需要有代码规范 对于是否需要有代码规范,请考虑下列论点并反驳/支持: Statement1 :  这些规范都是官僚制度下产生的浪费大家的编程时间.影响人们开发效率, 浪费时间的东西. 这样的 ...

  5. Spring学习总结之高级装配

    1.  profile profile可以决定bean在什么环境下才被装配(开发环境.测试环境.线上环境等) @Profile(“dev”)可以用在class之前,也可以用在类之前(Spring3.2 ...

  6. linux内核分析第二周

    网易云课堂linux内核分析第二周 20135103                王海宁 <Linux内核分析>MOOC课程http://mooc.study.163.com/cours ...

  7. 2017全球GDP总量达74万亿美元 各国占比排行榜

    全球GDP总量达74万亿美元 各国占比排行榜     2017年公布的2015年全球各国GDP占比,数据图片来源:世界银行报告 2月24日,来自世界银行的最新GDP数字已于2月早些时候公布,现由How ...

  8. SQLSERVER 查看操作系统内存

    1. 通过系统试图查看内存信息 SELECT total_physical_memory_kb / AS [物理内存(MB)] , available_physical_memory_kb / AS ...

  9. c语言基础——基本数据类型

    1.基本数据类型是什么?包括有哪些代表?除了基本数据类型还有什么其他类型形式? (1)基本数据类型--用于描述基本的数据 (数.日期等) (2)有整型.实型.字符型.枚举类型等等 ========== ...

  10. MySQL存储引擎 - Myisam和Innodb

    Mysql有两种存储引擎:InnoDB与Myisam,下表是两种引擎的简单对比   MyISAM InnoDB 构成上的区别: 每个MyISAM在磁盘上存储成三个文件.第一个 文件的名字以表的名字开始 ...