码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-06-15 08:07:22      阅读:278      评论:0      收藏:0      [点我收藏+]

标签:des   style   class   blog   code   java   

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中使用方法案例(一个视图多次上传单张图片),布布扣,bubuko.com

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

标签:des   style   class   blog   code   java   

原文地址:http://www.cnblogs.com/yechangzhong-826217795/p/3785895.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!