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 ...
随机推荐
- UIKit 框架之UITextView
// // ViewController.m // UItextView // // Created by City--Online on 15/5/22. // Copyright (c) 2015 ...
- java linux ssh jar
Ganymed SSH-2 for Java http://www.ganymed.ethz.ch/ssh2/ Ganymed SSH-2 for Java is a library which im ...
- git移除文件夹的版本控制
案例背景:git提交的时候把bin文件下的各种.dll提交上去了,然后每次提交都得提交好多文件,很容易忽略你真正修改的东西,故对这些不必要的东西忽略掉 解决方案:git rm 命令参数 具体实施: 1 ...
- fastjson之JSONObject、JSONArray
JSONObject,JSONArray是JSON的两个子类. 首先我们来看JSONObject源码: 会发现JSONObject是继承Map<String, Object>,并且都是使用 ...
- Tuple解决在视图中通过razor获取控制器传递给视图的匿名对象的报错问题
C#的编译器总是将匿名类型编译成internal的,当在视图中直接使用控制器传递的匿名对象时就会报错错误代码:控制器代码视图代码执行结果: ****************************** ...
- lombok入门
pom.xml加入依赖 <dependency> <groupId>org.projectlombok</groupId> <artifactId>lo ...
- CassiniDev源码学习 - 可替代IIS的单机Web Form解决方案
最近一个项目是将web版的程序,改为单机版.话说这个web版号称当年十几个人用了至少3个月的时间开发,后来三年还不断有修改,而现在要在1个月内由一个人完成,这简直是不可能完成的任务!直觉告诉我,重写肯 ...
- jquery之Ajax(一)
1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (M ...
- springboot项目的重定向和转发
下面是idea软件创建的项目目录,这里总结了一下转发与重定向的问题,详解如下. 首先解释一下每个文件夹的作用,如果你是用的是idea创建的springboot项目,会在项目创建的一开始resource ...
- 填报表导出excel非可写单元格锁定问题
问题描述: 填报表单元格分为可写和不可写两种状态,当填报表在web上展现的时候可写单元格可以进行数据填报和修改,非可写单元格不可操作. 报表导出为excel时,润乾导出excel包默认情况下不对 ...