zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Java可变参数
    为什么static方法中不可以调用非static方法
    用注解@DelcareParents实现引用增强
    在SpringBoot中用SpringAOP实现日志记录功能
    梳理一下我理解的aop
    包裹iframe的div与iframe存在高度差的问题解决方案
    非跨域情况下iframe 高度自适应的问题解决(一)
    flex布局较之float布局的优点新发现
    webpack4 动态导入文件 dynamic-import 报错的解决方法
    vue chrome 浏览器调试工具devtools插件安装
  • 原文地址:https://www.cnblogs.com/yechangzhong-826217795/p/3785895.html
Copyright © 2011-2022 走看看