Uploadify使用介绍

 

Uploadify使用介绍。

1. http://www.uploadify.com/demos/

根据官方的demo设置html中的内容，

    <link href="<%: Url.Content("~/Content/uploadify/uploadify.css") %>" type="text/css" rel="stylesheet" />

    <script type="text/javascript" src="<%: Url.Content("~/Content/uploadify/swfobject.js") %>"></script>

    <script type="text/javascript" src="<%: Url.Content("~/Content/uploadify/jquery.uploadify.v2.1.4.min.js") %>"></script>

    <script type="text/javascript">

        $(function () {

    $.ajaxSetup({

                cache: false

            });

            $("#Attachment").attr("readonly", "readonly");

            $('#file_upload').uploadify({

                'uploader': '<%: Url.Content("~/Content/uploadify/uploadify.swf") %>',

                'script': '<%: Url.Action("UploadFile") %>',

                'cancelImg': '<%: Url.Content("~/Content/uploadify/cancel.png") %>',

'buttonImg': '<%: Url.Content("~/Content/uploadify/selectfiles.png") %>', 

                'fileDataName': 'uploadfile',

                'fileDesc': 'AVI视频文件',

                'fileExt': '*.avi',

'sizeLimit':<%: 100 * 1024 * 1024 %>,

                'folder': 'Upload/Temp/',

                'auto': true,

                'width':85,

                'height':25,

                'onError': function (event,ID,fileObj,errorObj) {

                                    alert(errorObj.type + ' Error: ' + errorObj.info);

                                },

'onComplete': function(event, ID, fileObj, response, data) {

if(response != ""){

                                        $("#Attachment").val(response);

                                    }else{

                                        alert("上传失败！");

                                    }

}

            });

        });

    </script>

 

<input id="file_upload" type="file" name="uploadfile"/>

 

需要注意以下内容：

script，指向的地址必须以/开头，否则找不到。

folder，目标文件夹，通过Request.Params["folder"]获取的值是当前网页文件夹+folder设置的文件夹，使用mvc的时候，会导致把controller地址写上，这就不对了，所以我建议不设置这个参数，而是在处理程序指定目录。

fileDataName，设置这个参数，处理程序就可以通过Request.Params["指定名称"]来获取文件了。

'fileDesc': 'AVI视频文件',

'fileExt': '*.avi',

buttonImg，用户指定按钮图片，把图片做成一个带中文字的“选择文件”。

 

 

设置服务器端处理代码，以ASP.NET MVC3为例

        [HttpPost]

        public string UploadFile(HttpPostedFileBase uploadfile)

        {

            if (uploadfile != null)

            {

                if (!Directory.Exists(pathTemp))

                {

                    Directory.CreateDirectory(pathTemp);

                }

                string newFileName = Guid.NewGuid().ToString("N") + uploadfile.FileName.Substring(uploadfile.FileName.LastIndexOf('.'));

                uploadfile.SaveAs(pathTemp + newFileName);

                return newFileName;

            }

            else

            {

                return "";

            }

        }

 

 

错误分析：

Http Error：500。请检查目标路径是否可以写入，添加一个everyone允许完全控制。

Http Error：忘记代码了，就是script目标地址没以/开头导致的。