上传文件 未选择任何文件

引入 <script src="../javaScript/ajaxfileupload.js"></script>

<button class="btn btn-success" id="upload">上传文件</button>
<input type="file" id="btnUpload" name="file" accept=".xls,.xlsx" style="display: none;" />
<input type="hidden" id="filepath" />
<input type="hidden" id="filename" />
<span id="uploadfilename">未选择任何文件</span></li>

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

        $("#upload").bind("click", function () {
//选择上传文件
$("#btnUpload").click();
}); $("#btnUpload").live("change", function () {
$.ajaxFileUpload({
url: '/UploadFiles.aspx', //用于文件上传的服务器端请求地址
secureuri: false, //一般设置为false
fileElementId: 'btnUpload', //文件上传空间的id属性 <input type="file" id="file" name="file" />
dataType: 'json', //返回值类型 一般设置为json
success: function (data, status) //服务器成功响应处理函数
{
$("#filepath").val(data.filepath);
$("#filename").val(data.filename);
$("#uploadfilename").html(data.filename);
$("#btnUpload").val("");
},
error: function (data, status, e) //服务器响应失败处理函数
{
alert(e);
}
})
});
    public partial class UploadFiles : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
var files = Request.Files;
string msg = string.Empty;
string error = string.Empty;
string filepath;
string urlpath = HttpContext.Current.Request.Url.Host;
string uploadurl = Server.MapPath("/") + "Tempalte\\upload\\";//files[0].FileName.Split('.')[files[0].FileName.Split('.').Length-1]
//string fname = DateTime.Now.ToString("yyMMdHHmmssfff") + System.IO.Path.GetFileName(files[0].FileName);
string fname = DateTime.Now.ToString("yyMMdHHmmssfff") + System.IO.Path.GetExtension(files[].FileName);
if (!Directory.Exists(uploadurl))
{
Directory.CreateDirectory(uploadurl);
}
if (files.Count > )
{
files[].SaveAs(uploadurl + fname);
msg = " 成功! 文件大小为:" + files[].ContentLength;
filepath = "/Tempalte/upload/" + fname;
string res = "{ error:'" + error + "', msg:'" + msg + "',filename:'" + files[].FileName + "',filepath:'" + filepath + "'}";
Response.Write(res);
Response.End();
}
}
}

ajaxfileupload.js的简单使用的更多相关文章

  1. SpringMVC结合ajaxfileupload.js实现文件无刷新上传

    直接看代码吧,注释都在里面 首先是web.xml <?xml version="1.0" encoding="UTF-8"?> <web-ap ...

  2. 关于ajaxfileupload.js一些问题和上传图片就立即显示图片功能

    ajaxfileupload.js是上传文件的一个插件,最近碰到的一个问题是在谷歌浏览器上传文件之后,原文本框中的文件名称消失,网上搜了好长时间也没有十分满意的答案.无刷新上传文件我想到的只有ajax ...

  3. 引用(ajaxfileupload.js) ajaxfileupload.js报这错jQuery.handleError is not a function

    jQuery.handleError is not a function 原因是,经测试handlerError只在jquery-1.4.2之前的版本中存在,jquery-1.6 和1.7中都没有这个 ...

  4. ASP.NET 使用ajaxfileupload.js插件出现上传较大文件失败的解决方法(ajaxfileupload.js第一弹)

    在写这篇的时候本来想把标题直接写成报错的提示,如下: “SecurityError:Blocked a frame with origin "http://localhost:55080&q ...

  5. 使用ajaxfileupload.js实现文件上传

    ajaxFileUpload是一个异步上传文件的jQuery插件 语法:$.ajaxFileUpload([options]) options参数说明: 1.url  上传处理程序地址. 2,file ...

  6. 原生JS封装简单动画效果

    原生JS封装简单动画效果 一致使用各种插件,有时候对原生JS陌生了起来,所以决定封装一个简单动画效果,熟悉JS原生代码 function animate(obj, target,num){ if(ob ...

  7. HTML(.js) – 最简单的方式操作 DOM 的 JS 库

    HTML(.js) 是一个轻量的(压缩后~2kb) JavaScript 库,简化了与 DOM 交互的方法. 这个 JavaScript 库的方法可读性很好,并具有搜索和遍历 DOM 的方法.相比 j ...

  8. 利用ajaxfileupload.js异步上传文件

    1.引入ajaxfileupload.js 2.html代码 <input type="file" id="enclosure" name="e ...

  9. jquery.ajaxfileupload.js

    jquery.ajaxfileupload.js上传插件,利用iframe提交不刷新页面功能完成. /* // jQuery Ajax File Uploader // // @author: Jor ...

随机推荐

  1. 黄聪:解决Web部署 svg/woff/woff2字体 404错误

    问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SV ...

  2. Jsp与servlet本质上的区别

    1.jsp经编译后就变成了Servlet.(JSP的本质就是Servlet,JVM只能识别java的类,不能识别JSP的代码,Web容器将JSP的代码编译成JVM能够识别的java类)2.jsp更擅长 ...

  3. PHP开源论坛PunBB在IIS上部署和安装

    说明:对PHP的模式修饰符e来说:自 PHP 5.5.0 起废弃,而PunBB1.4.2还是有用到的(我曾用二者搭配,结果网站运行中会出现错误),所以我用了php-5.4.30. 一.运行环境 首先如 ...

  4. Beaglebone Black从零开始系列教程大汇总!

    谁都有做菜鸟的时候,菜鸟不可怕,怕的是没有人指引前进的方向!本系列文章将逐个阐述BBB各个功能模块的基本使用方法.现在中文的BBB资料太少,它们是本人从全世界互联网的各个角落收集.学习.亲自测试得到的 ...

  5. 高质量C++/C编程指南(林锐)

    推荐-高质量C++/C编程指南(林锐) 版本/状态 作者 参与者 起止日期 备注 V 0.9 草稿文件 林锐   2001-7-1至 2001-7-18 林锐起草 V 1.0 正式文件 林锐   20 ...

  6. metasploit用法

    1.msfconsole 进入metasploit 2.help connect 查看帮助 3.msfcli -h 查看帮助 4.ms08_067_netapi O 字符命令后加“O”,查看配置 5. ...

  7. 关于MariaDB5.5不是有效的Win32 应用程序

    操作系统:Windows XP sp3 数据库:MariaDB 5.5.49 问题原因: 使用文本编辑器打开mysqld.pdb文件. 在13行1012列,会发现如下信息: 这说明v5.5.49是使用 ...

  8. python 核心编程课后练习(chapter 3)

    3-8 #3-8 "makeTextFile.py -- create text file" import os ls = os.linesep #get filename fna ...

  9. logback 配置

    logback 配置 logback的配置方式包括:编程配置.XML文件配置.Groovy文件配置.对于使用log4j的用户,还可以通过logback提供的工具( http://logback.qos ...

  10. js面向对象的实现(example 一)

    //通过函数原型链(prototype)的方式来构造对象 //通过闭包的方式来对元素类进行封装 //通过函数原型链的方式来构造对象的方法和类的继承 //通过以上步骤就可以用函数的形式来实现类的,封装, ...