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>