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 ...
随机推荐
- Tuple解决在视图中通过razor获取控制器传递给视图的匿名对象的报错问题
C#的编译器总是将匿名类型编译成internal的,当在视图中直接使用控制器传递的匿名对象时就会报错错误代码:控制器代码视图代码执行结果: ****************************** ...
- 我用ASP.NET缓存之OutputCache
[我的理解]页面缓存常用在网站上.Web应用系统上也用,但由于Web系统常与数据库打交道.时效性要求蛮强的,所以是否能用缓存得具体情况具体分析(很喜欢这句话“具体情况具体分析”,很符合国人的中庸之道) ...
- java并发编程的艺术(三)---lock源码
本文来源于翁舒航的博客,点击即可跳转原文观看!!!(被转载或者拷贝走的内容可能缺失图片.视频等原文的内容) 若网站将链接屏蔽,可直接拷贝原文链接到地址栏跳转观看,原文链接:https://www.cn ...
- BIO、NIO和AIO的区别
一:事件分离器 在IO读写时,把 IO请求 与 读写操作 分离调配进行,需要用到事件分离器.根据处理机制的不同,事件分离器又分为:同步的Reactor和异步的Proactor. Reactor模型: ...
- Java Web中涉及的编解码
用户从浏览器发起一个HTTP请求,存在编码的地方是URL.Cookie.Paramiter.服务器端接收到HTTP请求后要解析HTTP协议,其中URL.Cookie和POST表单参数要解码,服务器端可 ...
- GitHub fork的使用
我的GitHub账号是lanshanxiao,fork的账号是king1ko1king,再此说明! fork的项目是:Class-for-Everyone-Java-Server- 作者源项目地址是: ...
- Vmware搭建LNMP环境(Centos7+Nginx+Mysql+PHP7.1.8)
参考:1.Linux学习之CentOS(一)----在VMware虚拟机中安装CentOS 7(图文教程) 2.Centos7搭建LNMP环境 3.MySQL5.7修改默认root密码 4.CentO ...
- Spring Boot—17MongoDB
在MongoDB中插入如下的数据 db.baike.insert( { _id: 'freemark', desc: '新一代模板语言', tag: [ 'IT', '模板语言' ], comment ...
- 进度条(Progressbar)
进度条(Progressbar) 提供如下一些样式改变进度条的外观 @android:style/Widget.ProgressBar.Horizontal(水平进度条) @android:style ...
- 【CVE-2018-11116】openwrt rpcd 配置文件错误导致访问控制失效
User can access to ubus over HTTP. This way depend on rpcd service. When misconfigure the rpcd's ACL ...