MVC 中使用uploadify上传图片遇到的蛋疼问题

   初次使用uploadify上传图片,遇到了一些比较纠结的问题,在这里和大家分享下,有不对的地方还望大神多多指教,希望对刚接触的朋友有所帮助,文采不好还望见谅。新建项目,引用   uploadify脚本啥的就不说了,直接进入主题:

 在Index页面放了一个上传图片的按键和脚本代码如下:

 1 @{
 2     ViewBag.Title = "Index";
 3 }
 4     <br /><br /><br />
 5     <input id="file_upload"  type="file" value="上传图片" />
 6     
 7 <script src="@Url.Content("~/Scripts/jquery-1.8.2.js")"></script>
 8 <link href="~/Content/UploadJS/uploadify.css" rel="stylesheet" />
 9 <script src="~/Content/UploadJS/jquery.uploadify.min.js"></script>
10 <script type="text/javascript">
11     $(function () {
12         $("#file_upload").uploadify({
13             swf: '@Url.Content("~/Content/UploadJS/uploadify.swf")',// 上传使用的 Flash
14             uploader: '/Home/Upload',    // 服务器端处理地址
15             //显示参数
16             width: 80,                   // 按钮的宽度
17             height: 24,                  // 按钮的高度
18             buttonText: "上传图片",      // 按钮上的文字
19             buttonCursor: "hand",        // 按钮的鼠标图标
20             buttonClass: "up_button2",
21             fileObjName: 'Filedata',     // 上传参数名称
22             //规则参数
23             fileSizeLimit: "5000KB",
24             fileTypeExts: "*.jpg;*.jpeg;*.png;*.gif",//允许上传的文件扩展名 和下面一起配合使用
25             fileTypeDesc: "请选择 jpg、jpeg、png、gif 文件",// 文件说明
26             fileSizeLimit: "5MB",         //允许上传的文件大小
27             multi: false,                 // 是否支持同时上传多个文件
28             removeTimeout: 1,
29             onUploadSuccess: function (file,data,respose) {
30                 var obj = jQuery.parseJSON(data); //把返回的数据序列化为Obj对象
31                 if (obj.ret) {
32                     alert(obj.FilePath);
33                 }
34                 else {
35                     alert("2");
36                 }
37 
38             }
39         })
40     })
41 </script>
Index 页面

相关文章: