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>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。