使用jQuery Uploadify在RAZOR中上传文件

时间:2012-06-18 12:42:07

标签: jquery asp.net-mvc-3

我想通过Uploadify上传图片。

上传时启动给定的错误显示。

错误: IO错误

你可以帮助我解决这个错误。

我的代码如下:

这些指令已包含在我的项目中。

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/Scripts/js/jquery-1.7.1.min.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/custom-theme/jquery-ui-1.8.18.custom.css")" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="@Url.Content("~/Scripts/js/jquery-ui-1.8.18.custom.min.js")"></script>
<link href="@Url.Content("~/Content/uploadify.css")" rel="stylesheet" />
<script src="@Url.Content("~/Scripts/jquery.uploadify.js")" type="text/javascript"></script>

JS:

$(window).load(
            function() {
                $("#fileuploader").fileUpload({
                        'uploader': '/Scripts/uploader.swf',
                        'cancelImg': '/images/cancel.png',
                        'buttonText': 'Select Image',
                        'script': 'ShowClientQuotation/Upload',
                        'folder': '/images',
                        'fileDesc': 'Image Files',
                        'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
                        'multi': false,
                        'auto': true
                    });
            }
);

HTML:

<div id="fileuploader"></div>

我的控制器名称 ShowClientQuotation

public string Upload(HttpPostedFileBase fileData)
        {
            var fileName = this.Server.MapPath("~/images/UserProfilePic/" + System.IO.Path.GetFileName(fileData.FileName));
            fileData.SaveAs(fileName);

            return "ok";
        }

2 个答案:

答案 0 :(得分:0)

在jquery 'fileDataName'中添加设置:'fileData'

`

$("#fileuploader").fileUpload({
                        'uploader': '/Scripts/uploader.swf',
                        'cancelImg': '/images/cancel.png',
                        'buttonText': 'Select Image',
                        'script': 'ShowClientQuotation/Upload',
                        'folder': '/images',
                        'fileDesc': 'Image Files',
                        'fileExt': '.jpg;.jpeg;.gif;.png',
                        'multi': false,
                        'auto': true,
                       'fileDataName': 'fileData',
                    });

`

答案 1 :(得分:0)

请检查您在'folder'选项中提供的文件夹路径。只有当Uploadify无法存档应存储文件的文件夹/目录路径时,才会出现IO错误。