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 ...
随机推荐
- bootstrap table分页,重新数据查询时页码为当前页问题
问题描述: 使用bootstrap table时遇到一个小问题,第一次查询数据未5页,翻页到第5页后,选中条件再次查询数据时,传到后端页码仍旧为5,而此时数据量小于5页,表格显示为未查询到数据. 处理 ...
- 使用ms owin 搭建oauth2 server
http://www.asp.net/aspnet/overview/owin-and-katana/owin-oauth-20-authorization-server 有示例代码 关于token的 ...
- Node.js学习笔记(七) --- Node.js的静态文件托管、路 由、EJS 模板引擎、GET 、POST
1 . Nodejs 静态文件托管静态 web 服务器封装 2 . 路由 官方解释: 路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET.POST 等)组成的, ...
- automapper 自动映射 集成asp.net Core2.1
学习博文:https://www.cnblogs.com/yan7/p/8085410.html 1.使用nuget 安装 <PackageReference Include="Aut ...
- solr+tomcat整合
一.solr安装 http://archive.apache.org/dist/lucene/solr/ 这个地址有各个版本的 这次我使用的是5.5.4版本和tomcat8 版本5.5.4已经内置了j ...
- 【原】Docker入门之Centos7.0+安装
服务器配置:1核2G 40G 硬盘,Centos 7.4. 以下全程是在 root 用户下操作: 1.卸载旧版本 yum remove docker \ docker-client \ docker- ...
- WireShark 过滤 SSDP
在局域网中使用wireshark抓包过滤http的时候经常会出现一些干扰协议,例如SSDP,使用过滤条件"http"有可能出现N多ssdp包,如下图所示: SSDP:Simple ...
- JVM之---垃圾回收
JVM通过GC来回收堆和方法区中的内存,GC的基本原理首先会找到程序中不再被使用的对象,然后回收这些对象所占用的内存. 1.收集器 通常采用收集器的方式实现GC,主要的收集器有引用计数收集器和跟踪收集 ...
- css3中Animation
CSS3我在5年之前就有用了,包括公司项目都一直在很前沿的技术. 最近在写慕课网的七夕主题,用了大量的CSS3动画,但是真的沉淀下来仔细的去深入CSS3动画的各个属性发现还是很深的,这里就写下关于帧动 ...
- Anaconda多环境多版本python配置笔记
一.Conda测试过程: 使用conda.首先确认已经安装好了conda 配置环境.下一步通过创建几个环境来展示conda的环境管理功能.学习如何确认在哪个环境中,以及如何做复制一个环境作为备份. 测 ...