Uploadify在MVC中使用方法案例(一个视图多次上传单张图片)
Controller 中代码和 上一节文章(http://www.cnblogs.com/yechangzhong-826217795/p/3785842.html )一样
视图中代码如下:
<script type="text/javascript">
$(function () {
$(".uploadpic").each(function (i) {
$('#uploadify' + i).uploadify({
'buttonText': '上传文件',
'swf': '@Url.Content("~/Themes/Scripts/Uploadify/uploadify.swf")',
'uploader': '/waste/user/upload',
'removeCompleted': true,
'checkExisting': true,
'fileTypeDesc': '文件类型',
'fileTypeExts': '*.jpg;*.png;*gif',
'fileSizeLimit': '1024KB',
'auto': true,
'width': ,
'height': ,
'multi': false,
'queueSizeLimit': , //允许上传几个文件?
'queueID': 'fileQueue' + i, //指定上传进度条在哪里显示
//上传成功后的回调函数
'onUploadSuccess': function (file, data, response) {
var obj = jQuery.parseJSON(data); //把返回的Json序列转化为obj对象
if (obj.Success) {
$('#input' + i).val(obj.FilePath);
$('#upsucc' + i).text('上传成功!');
}
else
alert(obj.Message);
}
});
});
<li>
<table>
<tr>
<td>@Html.LabelFor(m => m.EIAReport) </td>
<td><div id="uploadify0" class="uploadpic"></div> </td>
<td><div id="fileQueue0" class="fileQueue"></div></td>
<td>@Html.ValidationMessageFor(m => m.EIAReport) <span id="upsucc0" style="color:red"></span></td>
</tr>
</table>
@Html.TextBoxFor(m => m.EIAReport, new { id = "input0", @style = "display:none" })
</li>
<li>
<table>
<tr>
<td>@Html.LabelFor(m => m.BusinessLicense)</td>
<td><span id="uploadify1" class="uploadpic"></span> </td>
<td><div id="fileQueue1" class="fileQueue"></div></td>
<td>@Html.ValidationMessageFor(m => m.BusinessLicense) <span id="upsucc1" style="color:red"></span></td>
</tr>
</table>
@Html.TextBoxFor(m => m.BusinessLicense, new { id = "input1", @style = "display:none" })
</li>
<li>
<table>
<tr>
<td>@Html.LabelFor(m => m.OrganizationCertificate)</td>
<td><span id="uploadify2" class="uploadpic"></span></td>
<td><div id="fileQueue2" class="fileQueue"></div></td>
<td>@Html.ValidationMessageFor(m => m.OrganizationCertificate) <span id="upsucc2" style="color:red"></span></td>
</tr>
</table>
@Html.TextBoxFor(m => m.OrganizationCertificate, new { id = "input2", @style = "display:none" })
</li>
Uploadify在MVC中使用方法案例(一个视图多次上传单张图片)的更多相关文章
- Uploadify在MVC中使用方法案例(上传单张图片)
在View视图中: <link href="/Scripts/uploadify-v3.2.1/uploadify.css" rel="stylesheet&quo ...
- Asp.net mvc 中Action 方法的执行(一)
[toc] 在 Aps.net mvc 应用中对请求的处理最终都是转换为对某个 Controller 中的某个 Action 方法的调用,因此,要对一个请求进行处理,第一步,需要根据请求解析出对应的 ...
- 原生JS中apply()方法的一个值得注意的用法
今天在学习vue.js的render时,遇到需要重复构造多个同类型对象的问题,在这里发现原生JS中apply()方法的一个特殊的用法: var ary = Array.apply(null, { &q ...
- MVC中的Views下面的视图放到Views文件夹外
实战:把ASP.NET MVC中的Views下面的视图放到Views文件夹外 园子里写的文章的都是把控制器从传统的项目中的Controllers拿出来单独放,但很少几乎没有把视图从Views拿出去 ...
- MVC 用扩展方法执行自定义视图,替代 UIHint
MVC 用扩展方法执行自定义视图,替代 UIHint 项目中用了 Bootstrap , 这样就不用写太多的CSS了,省去很多事情.但是这个业务系统需要输入的地方很多,每个表都有100多个字段,每个页 ...
- Asp.net mvc 中Action 方法的执行(二)
[toc] 前面介绍了 Action 执行过程中的几个基本的组件,这里介绍 Action 方法的参数绑定. 数据来源 为 Action 方法提供参数绑定的原始数据来源于当前的 Http 请求,可能包含 ...
- Asp.net mvc 中Action 方法的执行(三)
[toc] 前面介绍了 Action 方法执行过程中的一些主要的组件以及方法执行过程中需要的参数的源数据的提供以及参数的绑定,那些都可以看作是 Action 方法执行前的一些必要的准备工作,接下来便将 ...
- MVC中动作方法三个特性以及解决同名方法冲突
一.Http请求谓词特性(解决方法同名冲突问题的一个方案) 关于Http谓词特点:经常使用,如果不加上该特性,默认动作方法接收所有谓词的请求一般开发中都会加上谓词,限定请求谓词类型 二.NonActi ...
- 实战:ASP.NET MVC中把Views下面的视图放到Views文件夹外
园子里写的文章的都是把控制器从传统的项目中的Controllers拿出来单独放,但很少几乎没有把视图从Views拿出去这样的文章,今天来写一个. 其实很简单!一步步解决问题就行了,下面记录如下,供需要 ...
随机推荐
- 如何在Qt 4程序中优化布局结构(表格讲解,很清楚)
原文地址:http://blog.csdn.net/qter_wd007/archive/2010/03/13/5377882.aspx 在迄今为止讲到每一个例子中,我们只是简单的把窗口部件放置到某个 ...
- int a=5,则 ++(a++)的值是?
编译出错:++(a++)先计算的是括号里的(a++),返回的结果是一个表达式,其值是5,不能对表达式进行赋值
- XCODE打包安装包步骤
1. 2. 3. 4. 5. 6. 7. 导出之后就可以看到一个后缀为.ipa 的安装包.
- Hashtable,HashMap,Dictionary的区别
Hashtable和HashMap的区别:1.Hashtable是基于Dictionary类的,HashMap是Java 1.2引进的Map接口的一个实现,c#中无HashMap2.Hashtable ...
- 【转】Java魔法堂:String.format详解
Java魔法堂:String.format详解 目录 一.前言 二.重载方法 三.占位符 四.对字符.字符串进行格式化 五.对整数进行格式化 六. ...
- Java获取本地IP地址
import java.net.InetAddress; import java.net.UnknownHostException; public class IpTest { public stat ...
- Proxy settings in TortoiseSVN and command line svn client
The server file is created when you install TortoiseSVN, Eclipse or command-line Subversion. Use the ...
- ant简述
1,什么是antant是构建工具2,什么是构建概念到处可查到,形象来说,你要把代码从某个地方拿来,编译,再拷贝到某个地方去等等操作,当然不仅与此,但是主要用来干这个3,ant的好处跨平台 --因为 ...
- gpt
gpt 这里sdb是大于2T的那个VD,具体到您的机器,可以先在parted命令中先用list命令列出磁盘,然后用mklabel gpt来转换,具体如下: (parted) select /dev/s ...
- 解决MyEclipse吃内存以及卡死的方法
前言:MyEclipse5.5 大小 139M:MyEclipse6.5 大小 451M:MyEclipse7.0 大小 649M!下载服务器又是国外的...下载速度累人也就罢了,只要你工作性能一流. ...