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之窗体拖拽、自适应分辨率、自适应大小 good
Qt之自定义界面(实现无边框.可移动) Qt之自定义界面(窗体缩放-跨平台终极版) Qt之自定义界面(窗体缩放) http://blog.csdn.net/liang19890820/article/ ...
- 转载:C++线程池的一个实现
原文转自:http://www.cnblogs.com/lidabo/p/3328646.html 略有修改 Cthread类参见:http://www.cnblogs.com/tangxin-blo ...
- Shell Script-读取配置文件
需求 有时候在shell script里面需要一些执行,如果放在程序里面不便于统一管理,并且每一次修改路径都要去script里面改好麻烦,所以统一把路径放在配置文件中方便管理. 问题 如何读取相对应的 ...
- 【C++】C++求vector中的最大最小值
利用algorithm库里的max_element和min_element可以得到vector的最大最小值,配合distance函数可以得到最大值的位置 #include<vector> ...
- Hibernate 代码生成器
Hibernate 代码生成器 点击Hibernate Code Generation 点击以下 创建管理代码生成配置 点击RUN.自动生成
- php-001-win7 环境下 wamp 的至简部署
此文主要记录学习 PHP 开发环境 wamp 的至简部署.敬请各位小主参阅,若有不足之处,敬请大神指正,不胜感激! 首先依据自身的操作系统选择,进入 wamp 的网站 :http://www.wamp ...
- JavaScript实现进入某一页面时自动将鼠标光标放在某一textbox上
<script language="javascript" type="text/javascript"> var txtText0 = " ...
- sell-- wordPOI
1. http://poi.apache.org/ 2.创建项目,结构如下 三: 查看效果 打开: 测试源码: /* ========================================= ...
- Apple Demo
https://developer.apple.com/library/ios/navigation/ http://developer.apple.com/library/ios/samplecod ...
- LeetCode Inorder Successor in BST
原题链接在这里:https://leetcode.com/problems/inorder-successor-in-bst/ Given a binary search tree and a nod ...