uploadify上传带参数及接收参数的方法

最新推荐文章于 2021-07-07 17:18:30 发布

转载最新推荐文章于 2021-07-07 17:18:30 发布 · 429 阅读

文章标签：

本文介绍了一种使用Uploadify插件实现文件上传的方法。通过设置上传方式为POST，指定上传地址、SWF文件路径及按钮样式等参数，并限制文件类型和大小。同时，文章详细解释了如何通过formData传递额外参数，以及如何处理上传开始、成功和失败等事件。

function uploadify() {
        $("#uploadify").uploadify({
            method:'post',
            uploader: '/Manage/Order/SubmitUploadify',
            swf: '/Content/scripts/plugins/uploadify/uploadify.swf',
            buttonText: "上传文件",
            height: 30,
            width: 110,
            fileTypeExts: '*.jpg;*.doc;*.docx;*.pdf;*.png',
            fileSizeLimit: '10MB',
            multi: false,
            formData: "ContractCode":"20170222","UserId":"20125"
            },
            onUploadStart: function (file) {
                some code...
            },
            onUploadSuccess: function (file, data, response) {
                var obj = jQuery.parseJSON(data); 
                if (obj.State) {
                    $("#ContractFile").val(obj.FilePath);
                }
            },
            onUploadError: function (file) {
                $("#" + file.id).prepend('<span class="error" title="失败"><i class="fa fa-exclamation-circle"></i></span>');
            }
        });
        $("#uploadify-button").prepend('<i style="opacity: 0.6;" class="fa fa-cloud-upload"></i>&nbsp;');
    }

参数主要在：formData: "ContractCode":"20170222","UserId":"20125" 位置

接收参数方法：

[HttpPost]
public ActionResult SubmitUploadify(HttpPostedFileBase fileData,string contractCode,string userId)
{
   string formatFilePath = string.Format("~/Uploads/ContractFile/{0}", contractCode);
   ResultUpload rst = UploadHelper.Uploadify(fileData, formatFilePath);
   return Content(rst.ToJson());
}