ASP.NET MVC diyUpload上传文件!
资源下载地址:http://download.csdn.net/detail/peiyuanxin/9555636
引用的JS 加CSS
<link type="text/css" rel="stylesheet" href="~/Content/webuploader.css" />
<link type="text/css" rel="stylesheet" href="~/Content/diyUpload.css" />
<script type="text/javascript" src="~/Scripts/jquery-1.8.3.js"></script>
<script type="text/javascript" src="~/Scripts/diyUpload.js"></script>
<script type="text/javascript" src="~/Scripts/webuploader.html5only.min.js"></script>
<style>
*{ margin:0; padding:0;}
#box{ margin:50px auto; width:540px; min-height:400px; background:#FF9}
#demo{ margin:50px auto; width:540px; min-height:800px; background:#CF9}
</style>
<body>
<input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">
<div id="box">
<div id="test"></div>
</div>
</body>
<script type="text/javascript">
$('#test').diyUpload({
url:'/File/Upload', //控制器名称
success:function( data ) { //成功返回的数据
console.info(data);
},
error:function( err ) { //失败返回的数据
console.info( err );
},
buttonText : '选择文件',
chunked:true,
// 分片大小
chunkSize:512 * 1024,
//最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}
});
</script>
控制器中的代码:
public ActionResult Upload(HttpPostedFileBase file)
{
if (file == null)
{
return Content("没有文件!");
}
//Random r = new Random(100); //产生一个随机数据
string Extends = DateTime.Now.ToFileTime().ToString(); //转换成windows文件夹时间
//获取文件的后缀名称
string geshi = file.FileName.Substring(file.FileName.IndexOf('.'));
//保存的路径
string path = Path.Combine(Request.MapPath("~/Images"), Extends+geshi);
try {
file.SaveAs(path);
}catch(Exception x)
{
return Content("上传失败!");
}
return Content("上传成功!");
}
ASP.NET MVC diyUpload上传文件!相关推荐
- asp.net mvc 实现上传文件带进度条
本文乃是博主早期写的,此种思路虽然实现了,但固然不是最好的,仅做参考学习. 可以用js onprogress .fileinput .webuploader.jq ajaxsubmit等实现 思路:a ...
- ASP.NET MVC异步上传文件
自己做的一个小dome.贴出来分享一下: 前端: <form id="formfile" method="post" enctype="mult ...
- ASP.NET跨服务器上传文件的相关解决方案
ASP.NET跨服务器上传文件的相关解决方案 参考文章: (1)ASP.NET跨服务器上传文件的相关解决方案 (2)https://www.cnblogs.com/zuowj/p/3999798.ht ...
- Spring MVC实现上传文件报错解决方案
Spring MVC实现上传文件报错解决方案 参考文章: (1)Spring MVC实现上传文件报错解决方案 (2)https://www.cnblogs.com/liuling/p/2014-3-5 ...
- spring mvc(注解)上传文件的简单例子
spring mvc(注解)上传文件的简单例子,这有几个需要注意的地方 1.form的enctype="multipart/form-data" 这个是上传文件必须的 2.appl ...
- C# ASP.NET MVC 图片上传的多种方式(存储至服务器文件夹,阿里云oss)
图片上传时我们进场用到的一个功能今天将他整理了一下写了个demo希望对大家有用 该demo分为如下 1.上传至至服务器文件夹 2.上传至阿里云oss 3.百度webupload上传图片 效果图如下: ...
- ASP.Net Core创建MVC项目上传文件(缓冲方式)
学习了普通webapp中上传文件,再看看从MVC项目中通过缓冲方式上传文件到物理文件夹.这两者的区别主要是webapp通过模型绑定的方式传递IFormFile对象,而mvc通过控制器和action ...
- asp.net mvc Post上传文件大小限制 (转载)
最近发现在项目中使用jQuery.form插件上传比较大的文件时,上传不了,于是改了下web.config的上传文件最大限制. <configuration> <system.web ...
- 利用ASP.NET向服务器上传文件[转]
文件上传技术是一个很实用的技术,有着很广泛的应用,在ASP.NET自身的前一个版本ASP里实现这个功能,就必须使用第三方的组件或者自己开发组件了,现在,用ASP.NET实现起来就简单得多了,我们不需要 ...
- Asp.net中关于上传文件的各项基本操作
在常见的B/S模式下企业级架构中上传文件是一个常见业务操作.在.NET 1.1版本是只有对应的客户端HTML版本的Input<Type="File">,在.NET2.0 ...
最新文章
- SLAM常用函数总结,如刚体变换、时间戳对齐等。
- sublime Text3快捷键使用大全
- VTK:绘制封顶球CappedSphere用法实战
- binlog以及Canel
- PrimeFaces:在动态生成的对话框中打开外部页面
- 五、scrapy爬虫框架——logging 模块的使用
- Asp.net三层结构原理与用意学习入门教程(五)
- tensorflow单变量线性回归
- 音乐 美术 劳技 计算机教研组工作总结,美术劳技室工作总结
- python套用word模板_Python复制Word内容并使用格式设字体与大小实例代码
- 手机APP项目测试点(内容)总结
- PPT批量导入文字(Python实现)
- 代写python代码一般多少钱_代写代码一般多少钱(专业解读)
- CSDN博客调整图片大小
- 前端实现GIF图片压缩上传
- Openstack rocky 部署四: neutron 部署与验证(控制节点)
- 关于developer express 的RepositoryItemCheckEdit 不能多选的问题
- 【寒假每日一题】分巧克力(个人练习)详细题解+推导证明(第八天)附带转载程序员壁纸
- POJ-3426-0-1背包Charm Bracelet
- 白领沉迷EXCEL式生存