Uploadify在MVC中使用方法案例(一个视图多次上传单张图片)

时间:2022-09-05 21:05:05

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中使用方法案例(一个视图多次上传单张图片)的更多相关文章

  1. Uploadify在MVC中使用方法案例(上传单张图片)

    在View视图中: <link href="/Scripts/uploadify-v3.2.1/uploadify.css" rel="stylesheet&quo ...

  2. Asp&period;net mvc 中Action 方法的执行&lpar;一&rpar;

    [toc] 在 Aps.net mvc 应用中对请求的处理最终都是转换为对某个 Controller 中的某个 Action 方法的调用,因此,要对一个请求进行处理,第一步,需要根据请求解析出对应的 ...

  3. 原生JS中apply&lpar;&rpar;方法的一个值得注意的用法

    今天在学习vue.js的render时,遇到需要重复构造多个同类型对象的问题,在这里发现原生JS中apply()方法的一个特殊的用法: var ary = Array.apply(null, { &q ...

  4. MVC中的Views下面的视图放到Views文件夹外

    实战:把ASP.NET MVC中的Views下面的视图放到Views文件夹外   园子里写的文章的都是把控制器从传统的项目中的Controllers拿出来单独放,但很少几乎没有把视图从Views拿出去 ...

  5. MVC 用扩展方法执行自定义视图,替代 UIHint

    MVC 用扩展方法执行自定义视图,替代 UIHint 项目中用了 Bootstrap , 这样就不用写太多的CSS了,省去很多事情.但是这个业务系统需要输入的地方很多,每个表都有100多个字段,每个页 ...

  6. Asp&period;net mvc 中Action 方法的执行&lpar;二&rpar;

    [toc] 前面介绍了 Action 执行过程中的几个基本的组件,这里介绍 Action 方法的参数绑定. 数据来源 为 Action 方法提供参数绑定的原始数据来源于当前的 Http 请求,可能包含 ...

  7. Asp&period;net mvc 中Action 方法的执行&lpar;三&rpar;

    [toc] 前面介绍了 Action 方法执行过程中的一些主要的组件以及方法执行过程中需要的参数的源数据的提供以及参数的绑定,那些都可以看作是 Action 方法执行前的一些必要的准备工作,接下来便将 ...

  8. MVC中动作方法三个特性以及解决同名方法冲突

    一.Http请求谓词特性(解决方法同名冲突问题的一个方案) 关于Http谓词特点:经常使用,如果不加上该特性,默认动作方法接收所有谓词的请求一般开发中都会加上谓词,限定请求谓词类型 二.NonActi ...

  9. 实战&colon;ASP&period;NET MVC中把Views下面的视图放到Views文件夹外

    园子里写的文章的都是把控制器从传统的项目中的Controllers拿出来单独放,但很少几乎没有把视图从Views拿出去这样的文章,今天来写一个. 其实很简单!一步步解决问题就行了,下面记录如下,供需要 ...

随机推荐

  1. GCC选项

    -g: Debugging Option. 提供给GDB的debugging信息的选项: -fno-omit-frame-pointer: Optimization Option: -Wstrict- ...

  2. 【Spark】---- 在Linux集群上安装和配置Spark

    1 安装JDK   1) 进入JDK官网 2) 下载JDK安装包 3)配置环境变量,在/etc/profile增加以下代码 JAVA_HOME=/home/hadoop/jdk1.6.0_38 PAT ...

  3. Eclipse中Maven的安装

    注:初次尝试安装,配置maven,有错误望指正! 1.说明 maven.rar 是maven文件,解压即可,无需安装,但需要配置环境变量MAVEN_HOME,并放在PATH中,

  4. linux 安装mysqlServer

    先下载mysql安装包 打开 http://dev.mysql.com/downloads/mysql/  选择 linux - Generic 再选择*.tar.gz(最后那两个) 下载完毕后,得到 ...

  5. 如何交换a和b两个整数的值,不用额外空间

    这个题貌似完全颠覆一般的Logic:交换两个整数需要一个额外的空间用于保存: t = b; b = a; a  = t; 粗看上去似乎没有办法,但是仔细想一下,既然不能用额外的空间,那么能用的方法就只 ...

  6. Cxf -wsdl2java 使用参数介绍

    wsdl2java -h 可以得到详细的参考文档: G:\cxf\apache-cxf-3.1.6\bin>wsdl2java -h wsdl2java -fe|-frontend <fr ...

  7. DES

     本文对DES的介绍部分摘自博文DES加密算法的C++实现,具体实现则由自己完成. 另外,DES的官方文档链接见这里,在*上也有比较详细的介绍.不过,DES已经被证明是不安全的(可见于RSA公司 ...

  8. JS语法转换-ES6转ES5

    1.使用Babel转码 全局安装 npm install -g babel-cli 布局安装 npm install -g babel-cli --save-dev Babel的配置文件是.babel ...

  9. python小趣味&lowbar;520绘制一个心形&period;

    从某个公众号上看到的. 跑了一下, 居然可以成功运行. 有心的话可以研究下代码. 利用了turtle模块 #!/usr/bin/env python # coding:utf-8 import tur ...

  10. 浏览器多进程架构、浏览器内核多线程、js单线程、GUI 渲染线程 与 JavaScript引擎线程互斥 原理

    浏览器是多进程的,有一个主控进程,以及每一个tab页面都会新开一个进程(某些情况下多个tab会合并进程). 出处:http://www.imweb.io/topic/58e3bfa845e5c1346 ...