获取Uploadify以使用asp.net-mvc

前端之家收集整理的这篇文章主要介绍了获取Uploadify以使用asp.net-mvc前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图让Uploadify与我的网站一起工作但是我甚至在将文件发送到服务器之前就得到了一个通用的“HTTP错误”(我说这是因为Fiddler没有向我的控制器显示任何发布请求.

我可以正确浏览要上传文件.队列正确填充了要上载的文件,但是当我点击提交按钮时,队列中的元素变为红色并说出HTTP错误.

无论如何这是我的部分代码

<% using ( Html.BeginForm( "Upload","Document",FormMethod.Post,new { enctype = "multipart/form-data" } ) ) { %>
<link type="text/css" rel="Stylesheet" media="screen" href="/_assets/css/uploadify/uploadify.css" />
<script type="text/javascript" src="/_assets/js/uploadify/swfobject.js"></script>
<script type="text/javascript" src="/_assets/js/uploadify/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $("[ID$=uploadTabs]").tabs();

        var auth = "<% = Request.Cookies[FormsAuthentication.FormsCookieName]==null ? string.Empty : Request.Cookies[FormsAuthentication.FormsCookieName].Value %>";
        $('#fileInput').uploadify({
            uploader: '/_assets/swf/uploadify.swf',script: '/Document/Upload',folder: '/_uploads',cancelImg: '/_assets/images/cancel.png',auto: false,multi: false,scriptData: { token: auth },fileDesc: 'Any document type',fileExt: '*.doc;*.docx;*.xls;*.xlsx;*.pdf',sizeLimit: 5000000,scriptAccess: 'always',//testing locally. comment before deploy
            buttonText: 'Browse...'
        });

        $("#btnSave").button().click(function(event) {
            event.preventDefault();
            $('#fileInput').uploadifyUpload();
        });

    });
</script>
    <div id="uploadTabs">
        <ul>
            <li><a href="#u-tabs-1">Upload file</a></li>
        </ul>
        <div id="u-tabs-1">
            <div>
            <input id="fileInput" name="fileInput" type="file" />
            </div>
            <div style="text-align:right;padding:20px 0px 0px 0px;">
                <input type="submit" id="btnSave" value="Upload file" />
            </div>
        </div>
    </div>
<% } %>

非常感谢您的帮助!

更新:

我在uploadify脚本中添加了一个“onError”处理程序,以探索发生了哪个错误,如下例所示

onError: function(event,queueID,fileObj,errorObj) {
    alert("Error!!! Type: [" + errorObj.type + "] Info [" + errorObj.info + "]");
}

并发现info属性包含302.我还为uploadify添加了“method”参数,其值为’post’.

我包含我的控制器操作代码获取信息.我已阅读很多关于uloadify的帖子,似乎我可以使用具有以下签名的动作……

[HttpPost]
public ActionResult Upload(string token,HttpPostedFileBase fileData) {
    FormsAuthenticationTicket ticket = FormsAuthentication.Decrypt(token);
    if (ticket!=null) {
        var identity = new FormsIdentity(ticket);
        if(identity.IsAuthenticated) {
            try {
                //Save file and other code removed
                return Content( "File uploaded successfully!" );
            }
            catch ( Exception ex ) {
                return Content( "Error uploading file: " + ex.Message );
            }
        }
    }
    throw new InvalidOperationException("The user is not authenticated.");
}

有人可以提供一些帮助吗?

解决方法

干得好,问题一去不复返!

我的代码没有“正确”的问题.插件的使用通常是正确的,但是身份验证机制存在问题.

由于每个人都可以在互联网上找到flash插件不与服务器端代码共享身份验证cookie,这就是在我的代码中使用包含Authentication Cookie的“scriptData”部分背后的原因.

问题与控制器使用[Authorize]属性进行修饰这一事实有关,而且永远不会让请求到达目的地.

在uploadify论坛上的另一个用户的帮助下找到的解决方案是编写AuthorizeAttribute的自定义版本,就像您在下面的代码中看到的那样.

/// <summary>
/// A custom version of the <see cref="AuthorizeAttribute"/> that supports working
/// around a cookie/session bug in Flash.  
/// </summary>
/// <remarks>
/// Details of the bug and workaround can be found on this blog:
/// http://geekswithblogs.net/apopovsky/archive/2009/05/06/working-around-flash-cookie-bug-in-asp.net-mvc.aspx
/// </remarks>
[AttributeUsage( AttributeTargets.Class | AttributeTargets.Method,Inherited = true,AllowMultiple = true )]
public class TokenizedAuthorizeAttribute : AuthorizeAttribute
{
    /// <summary>
    /// The key to the authentication token that should be submitted somewhere in the request.
    /// </summary>
    private const string TOKEN_KEY = "AuthenticationToken";

    /// <summary>
    /// This changes the behavior of AuthorizeCore so that it will only authorize
    /// users if a valid token is submitted with the request.
    /// </summary>
    /// <param name="httpContext"></param>
    /// <returns></returns>
    protected override bool AuthorizeCore( System.Web.HttpContextBase httpContext ) {
        string token = httpContext.Request.Params[TOKEN_KEY];

        if ( token != null ) {
            FormsAuthenticationTicket ticket = FormsAuthentication.Decrypt( token );

            if ( ticket != null ) {
                FormsIdentity identity = new FormsIdentity( ticket );
                string[] roles = System.Web.Security.Roles.GetRolesForUser( identity.Name );
                GenericPrincipal principal = new GenericPrincipal( identity,roles );
                httpContext.User = principal;
            }
        }

        return base.AuthorizeCore( httpContext );
    }
}

使用它来装饰执行上传的控制器/动作使一切顺利进行.

唯一没有解决的奇怪的事情,但不影响代码的执行,奇怪的是,Fiddler没有显示HTTP帖子.我不懂为什么….

我发布此信息是为社区提供的.

谢谢!

猜你在找的asp.Net相关文章