ajaxfileupload.js的简单使用
上传文件 未选择任何文件
引入 <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的简单使用的更多相关文章
- SpringMVC结合ajaxfileupload.js实现文件无刷新上传
直接看代码吧,注释都在里面 首先是web.xml <?xml version="1.0" encoding="UTF-8"?> <web-ap ...
- 关于ajaxfileupload.js一些问题和上传图片就立即显示图片功能
ajaxfileupload.js是上传文件的一个插件,最近碰到的一个问题是在谷歌浏览器上传文件之后,原文本框中的文件名称消失,网上搜了好长时间也没有十分满意的答案.无刷新上传文件我想到的只有ajax ...
- 引用(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中都没有这个 ...
- ASP.NET 使用ajaxfileupload.js插件出现上传较大文件失败的解决方法(ajaxfileupload.js第一弹)
在写这篇的时候本来想把标题直接写成报错的提示,如下: “SecurityError:Blocked a frame with origin "http://localhost:55080&q ...
- 使用ajaxfileupload.js实现文件上传
ajaxFileUpload是一个异步上传文件的jQuery插件 语法:$.ajaxFileUpload([options]) options参数说明: 1.url 上传处理程序地址. 2,file ...
- 原生JS封装简单动画效果
原生JS封装简单动画效果 一致使用各种插件,有时候对原生JS陌生了起来,所以决定封装一个简单动画效果,熟悉JS原生代码 function animate(obj, target,num){ if(ob ...
- HTML(.js) – 最简单的方式操作 DOM 的 JS 库
HTML(.js) 是一个轻量的(压缩后~2kb) JavaScript 库,简化了与 DOM 交互的方法. 这个 JavaScript 库的方法可读性很好,并具有搜索和遍历 DOM 的方法.相比 j ...
- 利用ajaxfileupload.js异步上传文件
1.引入ajaxfileupload.js 2.html代码 <input type="file" id="enclosure" name="e ...
- jquery.ajaxfileupload.js
jquery.ajaxfileupload.js上传插件,利用iframe提交不刷新页面功能完成. /* // jQuery Ajax File Uploader // // @author: Jor ...
随机推荐
- 自实现CAS原理JAVA版,模拟下单库存扣减
在做电商系统时,库存是一个非常严格的数据,根据CAS(check and swap)原来下面对库存扣减提供两种方法,一种是redis,一种用java实现CAS. 第一种 redis实现: 以下这个类是 ...
- 作品-网站 - [二次开发] 广联达BIM
客户地区:北京 基于帝国ECMS二次开发 网址:http://bim.glodon.com 开发性质:二次开发 网站类型:企业级
- VMware下安装Linux系统,ORACLE软件,DBCA建库
操作系统安装 在vmware下安装Linux (OEL5.6),用于数据库服务器 1.打开vmware,选择"创建新的虚拟机" 2.选择自定义安装 3.选择虚拟 ...
- InvocationException: GraphViz's executables not found
当我在visualize决策树,运行以下代码时,报错: InvocationException: GraphViz's executables not found import pydotplus f ...
- CentOS配置SVN服务器
系统环境:CentOS系统:CentOS 6.5 1.检查是否安装了低版本的SVN rpm -qa subversion 2.卸载旧版本SVN yum remove subversion 3.安装SV ...
- SharePoint 2013 SP1发布了
好消息,SharePoint 2013 SP1终于发布了: SP1说明:http://support.microsoft.com/kb/2880552 下载页面:http://www.microsof ...
- 【HOW】如何手工编辑InfoPath文件
因为直接打开InfoPath的配置文件进行编辑会有些无从下手,所以下面以修改“节”的Margin为例来说明手工编辑InfoPath文件的过程. 1. 新建一个“节”,并在此节中创建一个数字类型字段“n ...
- java关于值传递和引用传递的有趣试验
上代码: public class Demo { public static void main(String[] args) { test_1(); test_2(); } public stati ...
- 使用wcf服务捕捉到“POST http://yourIP/WCFService.svc 405 (Method Not Allowed) ”错误!
在程序中使用了一个wcf服务,调试时无任何问题(win7 64位,iis6.1),发布到部门服务器上没有问题(server2008 64位),但是部署到实际服务器上时(server2008 iis6. ...
- 使用python+pychram进行API测试(接口测试)初级STEP 1
花了一天时间安装了解了下最基本的python+pychram进行API测试,下面这个可以指导自己以后入门:基本的开发级别还需要学习 1.python下载地址:https://www.python.or ...