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‘: 65,
                ‘height‘: 20,
                ‘multi‘: false,
                ‘queueSizeLimit‘: 1,      //允许上传几个文件?
                ‘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中使用方法案例(一个视图多次上传单张图片)

时间: 2024-10-14 10:34:26

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

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

在View视图中: <link href="/Scripts/uploadify-v3.2.1/uploadify.css" rel="stylesheet" type="text/css" /> <script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> <script s

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

实战:把ASP.NET MVC中的Views下面的视图放到Views文件夹外 园子里写的文章的都是把控制器从传统的项目中的Controllers拿出来单独放,但很少几乎没有把视图从Views拿出去这样的文章,今天来写一个. 今天学习MVC的时候,试着实现了一下,其实很简单!一步步解决问题就行了,下面记录如下,供需要的同学参考,写的不好,轻喷,谢啦 首先咱们自己建一个MyCustomView文件夹 下面建一个Home文件夹里面放Index.cshtml视图 删除原来Views/Home/Index

实战:把ASP.NET MVC中的Views下面的视图放到Views文件夹外

园子里写的文章的都是把控制器从传统的项目中的Controllers拿出来单独放,但很少几乎没有把视图从Views拿出去这样的文章,今天来写一个. 今天学习MVC的时候,试着实现了一下,其实很简单!一步步解决问题就行了,下面记录如下,供需要的同学参考,写的不好,轻喷,谢啦 首先咱们自己建一个MyCustomView文件夹 下面建一个Home文件夹里面放Index.cshtml视图 删除原来Views/Home/Index.cshtml 很明显这个时候访问Home/Index肯定会出现最经典的错误

Java中通过方法创建一个http连接并请求

1.Java代码创建一个连接并请求该连接返回的数据 doGet()方法,execute()方法中调用 package demo2.x.com; import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; import javax.print.attribute.

Spring MVC中 controller方法返回值

1.返回ModelAndView 定义ModelAndView对象并返回,对象中可添加model数据.指定view 2.返回String 1.表示返回逻辑视图名 model对象通过 model.addAttribute("xxx",model)进行设定 2.redirect重定向: redirect重定向特点:浏览器地址栏中的url会变化.修改提交的request数据无法传到重定向的地址.因为重定向后重新进行request(request无法共享) 3.forward页面转发: 通过f

MVC中,加入的一个aspx页面用到AspNetPager控件处理办法

今天项目遇到了如题所示的问题,按照官方的案例介绍做分页,简直要奔溃了, 使用URL重写,但是page总是1,根本不跳, 不使用URL重写,又出现,第一页是 http://aa.com/view_aspx/pagetest.aspx?page=1,点击第二页就变成http://aa.com/pagetest.aspx?page=2 这样路径不对 最近解决办法 首先是页面控件部分,特别注意红色部分,那个page一定要用page ,用别的没有用的 <webdiyer:AspNetPager ID=&quo

AppDelegate 中didFinishLaunchingWithOptions方法创建一个导航view

ZBMainViewController *main=[[ZBMainViewController alloc] init]; ZBBaseController *navigationcontroller=[[ZBBaseController alloc] initWithRootViewController:main]; self.window.rootViewController=navigationcontroller;

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

项目中用了 Bootstrap , 这样就不用写太多的CSS了,省去很多事情.但是这个业务系统需要输入的地方很多,每个表都有100多个字段,每个页面需要大量的表单.把这些表单按 bootstrap 的格式写出来,也是件头痛的事情.我想到模板,EditorTemplates UIHint, 但是 UIHint 需要用 Metadata 标注,一个一个的加,也是不现实的.还有别外一种办法,就是扩展 HtmlHelper.要用HtmlHelper ,大家可能就想到了 TagBuilder 了,TagB

三个案例带你看懂LayoutInflater中inflate方法两个参数和三个参数的区别

版权声明:本文为sang原创文章,转载请注明出处. 目录(?)[+] 关于inflate参数问题,我想很多人多多少少都了解一点,网上也有很多关于这方面介绍的文章,但是枯燥的理论或者翻译让很多小伙伴看完之后还是一脸懵逼,so,我今天想通过三个案例来让小伙伴彻底的搞清楚这个东东.本篇博客我们不讲源码,只看使用.源码的解读会在下一篇博文中带来. inflate方法从大范围来看,分两种,三个参数的构造方法和两个参数的构造方法.在这两类中又有细分,OK,那我们就把各种情况都来演示一遍. 1.三个参数的in