jquery.form.js mvc 上传文件 layer 选择框与等待效果
HTML
<form role="form" id="form1">
<div class="form-group">
<label for="exampleInputFile">选择文件</label>
<input type="file" name="file">
</div> <div class="col-lg-offset-3"> <input onclick="save()" value="发送" type="button" class="btn btn-success" /> </div> </form>
JS
function save()
{
layer.load(2);
var requestid = @Model.mrequest.RequestID;
$("#form1").ajaxSubmit({
url: "@Url.Action("2", "1")",
type: "post",
data: { "requestid": requestid },
success: function (data) {
if (data.Success) {
setTimeout(function () {
layer.closeAll('loading');
layer.confirm(data.Message, {
btn: ['返回列表', '留在此页'], //按钮
title: data.Message
}, function (index) {
layer.close(index);
window.location.href = "@Url.Content(" /Request/Index")";
}, function (index) {
location.replace(location.href);
})
})
} else {
layer.msg(data.Message, { time: 3000 });
}
}
});
}
[HttpPost]
public ActionResult HSend(HttpPostedFileBase file, int requestid)
{
ServiceResult res = new ServiceResult();
try
{ string text = ConfigurationManager.AppSettings["LocalFolder"]; //上传的文件保存
if (!Directory.Exists("路径")
{
Directory.CreateDirectory("路径");
} //上传文件的路径以及名
string text2 = 路径 + .ToString() + ".pdf"; if (!System.IO.File.Exists(text2))
{
try
{
file.SaveAs(text2);
}
catch(Exception e)
{
res.Success = false;
res.Message = e.Message;
return base.Json(res);
}
}
catch (Exception e)
{
res.Success = false;
res.Message =e.Message;
return base.Json(res);
}
}
最后 如果上传大文件不成功 在web.config
<httpRuntime targetFramework="4.6.1" maxRequestLength="500000000" executionTimeout="36000"/>
<security>
<requestFiltering>
<!--500MB-->
<requestLimits maxAllowedContentLength="500000000" />
</requestFiltering>
</security>
引用js
后续在添加
jquery.form.js mvc 上传文件 layer 选择框与等待效果的更多相关文章
- 关于JQuery.form.js异步上传文件点滴
好久没动代码了,前几天朋友委托我帮忙给做几个页面,其中有个注册带图片上传的页面.已之前的经验应该很快就能搞定,没想到的是搞了前后近一天时间.下面就说说异步上传的重要几个点,希望自己下次遇到此类问题的时 ...
- 利用jquery.form实现异步上传文件
实现原理 目前需要在一个页面实现多个地方调用上传控件上传文件,并且必须是异步上传.思考半天,想到通过创建动态表单包裹上传文件域,利用jquery.form实现异步提交表单,从而达到异步上传的目的,在上 ...
- ajax上传文件 基于jquery form表单上传文件
<script src="/static/js/jquery.js"></script><script> $("#reg-btn&qu ...
- ASP.NET MVC 使用jquery.form.js 异步上传 在IE下返回值被变为下载的解决办法
错误记录: <script type="text/javascript"> $(function () { $(document).off("ajaxSend ...
- MVC上传文件
ASP.NET MVC上传文件是必段撑握的知识.加强训练才是.以前Insus.NET曾使用第三方MyAjaxForm.js :http://www.cnblogs.com/insus/p/378548 ...
- 巨蟒python全栈开发django11:ajax&&form表单上传文件contentType
回顾: 什么是异步? 可以开出一个线程,我发出请求,不用等待返回,可以做其他事情. 什么是同步? 同步就是,我发送出了一个请求,需要等待返回给我信息,我才可以操作其他事情. 局部刷新是什么? 通过jq ...
- JsonResponse类的使用、form表单上传文件补充、CBV和FBV、HTML的模板语法之传值与过滤器
昨日内容回顾 Django请求生命周期 # 1.浏览器发起请求 到达Django的socket服务端(web服务网关接口) 01 wsgiref 02 uwsgi + nginx 03 WSGI协议 ...
- Spring MVC上传文件
Spring MVC上传文件 1.Web.xml中加入 <servlet> <servlet-name>springmvc</servlet-name> <s ...
- 【转】JQuery插件ajaxFileUpload 异步上传文件(PHP版)
前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现a ...
随机推荐
- 如何在生产环境禁用swagger
pringMVC集成springfox-swagger2和springfox-swagger-ui很简单,只需要两步: (1)pom中添加依赖 <dependency> <group ...
- rpm包的rpmbuild spec文件详解
http://machael.blog.51cto.com/829462/213477 上一篇日志写到,为什么要制作rpm包,以及如何使用.src.rpm文件生成rpm包.最后部分还看到.src.rp ...
- python分布式爬虫打造搜索引擎--------scrapy实现
最近在网上学习一门关于scrapy爬虫的课程,觉得还不错,以下是目录还在更新中,我觉得有必要好好的做下笔记,研究研究. 第1章 课程介绍 1-1 python分布式爬虫打造搜索引擎简介 07:23 第 ...
- c#基础学习(0708)之静态类
再静态类中,所包含的所有成员都是“静态成员” 不是所有的静态成员都必须卸载静态类中 静态成员时属于“类”的,不是属于具体“对象”的,所以访问静态成员的时候不能通过对象来访问(对象.属性名),只能通过“ ...
- 设计模式学习--面向对象的5条设计原则之Liskov替换原则--LSP
一.LSP简介(LSP--Liskov Substitution Principle): 定义:如果对于类型S的每一个对象o1,都有一个类型T的对象o2,使对于任意用类型T定义的程序P,将o2替换为o ...
- C#实现软件授权,限定MAC运行(软件license管理,简单软件注册机制)
一个绿色免安装软件,领导临时要求加个注册机制,不能让现场工程师随意复制.事出突然,只能在现场开发(离开现场软件就不受我们控了).花了不到两个小时实现了简单的注册机制,稍作整理. 基本原理:1.软件一运 ...
- java利器------反射机制
java反射的概念:java的反射机制是指在运行状态下,对于一个类来说,可以得到这个类的所有方法和属性.对于一个对象来说,可以调用这个对象的人和方法和属性. 反射机制首先会拿到该类的字节码文件(Cla ...
- Differences between write through and write back
https://stackoverflow.com/questions/27087912/write-back-vs-write-through
- 移动端Web Meta标签
原文 http://blog.segmentfault.com/jianjian_532633/1190000000654839 添加到推刊 在介绍移动端特有 meta 标签之前,先简单说一下 ...
- 导航栏布局时遇到的问题以及解决办法 css选择器优先级
得到的导航栏效果 添加#menu ul li{width:30px;} 效果如图 将会使列表项和分隔区域的宽度同时改变因为id选择器的优先级高于类选择器,此时应该为列表项添加内联样式如图 才能得到如下 ...