ajaxfileupload.js的简单使用
2024-09-03 12:53:59
上传文件 未选择任何文件
引入 <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();
}
}
}
最新文章
- springMVC含文件上传调用ajax无法连接后台
- Thread
- K3问题 无法创建中间层 组件<;KdSvrMgr>;无法正常工作
- OC3_MyRect
- 【POJ2406】 Power Strings (KMP)
- Linq中字段数据类型转换问题(Linq to entity,LINQ to Entities 不识别方法";System.String ToString()";问题解决)
- Django学习笔记(三)—— 型号 model
- C++程序设计与语言(特别版) -- 导论
- js与后台交互详述(入门篇)
- 关于 insufficient memory case 4 的解决记录
- [Swift]LeetCode496. 下一个更大元素 I | Next Greater Element I
- CMDB服务器管理系统【s5day87】:需求讨论-设计思路
- css固定div头部 滚动条滚动内容
- bootstrap-datepicker简单使用
- nginx之七:nginx path(root)文件路径配置
- ThinkPHP5基础学习
- oracle sql小结(主要讲横列转换的例子)decode 以及case
- python科学计算模块NumPy
- 自然语言交流系统 phxnet团队 创新实训 项目博客 (十二)
- [CDOJ887]轻音乐同好会(跳石头)
热门文章
- 通过宏判断VS编译版本以及系统平台
- loss function与cost function
- win10 下 gulp-sass 无法使用的解决
- 独自handle一个数据库大程有感
- springmvc 接受特殊类型字段的处理方法
- Windows消息大全(转)
- php utf-8字符转ascii字符
- 洛谷P3370 【模板】字符串哈希
- Entity Framework学习笔记——错误汇总
- vc-complex-type.2.3: Element &#39;filter-mapping&#39; cannot have character [children], because the type&#39;s content type is element-only.