使用jquery上传文件异步

时间:2014-09-20 11:44:29

标签: jquery asp.net file-upload

我正在开发一个Web应用程序,其中包含文件upload.im的选项,使用jquery和泛型处理程序执行此操作。

这是我的代码:

<script type = "text/javascript">
        $(window).load(
            function() {
            $("#<%=FileUploadcom.ClientID %>").fileUpload ({  
                'uploader' : 'scripts/uploader.swf',
                'cancelImg' : 'images/cancel.png',
                'buttonText' : 'Browse Files',
                'script' : 'Upload.ashx',
                'folder': 'uploads',
                'fileDesc' : 'Image Files',
                'fileExt' : '*.jpg;*.jpeg;*.gif;*.png',
                'multi' : true,
                'auto': true
            });
           }
        );
     </script> 

<div>
           <asp:FileUpload ID="FileUploadcom" runat="server" />
        </div>

在附近的每一行:我收到错误预期&#39 ;;&#39; 。如果我替换:with:执行错误时 XML解析错误:否元素发现。 任何人都可以帮助我使上述脚本完美无缺。

我的通用处理程序代码:

<%@ WebHandler Language="C#" Class="Upload" %>

using System;
using System.Web;
using System.IO;

public class Upload : IHttpHandler {

    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        context.Response.Expires = -1;
        try
        {
            HttpPostedFile postedFile = context.Request.Files["Filedata"];

            string savepath = "";
            string tempPath = "";
            tempPath = System.Configuration.ConfigurationManager.AppSettings["FolderPathN"]; 
            savepath = context.Server.MapPath(tempPath);
            string filename = postedFile.FileName;
            if (!Directory.Exists(savepath))
                Directory.CreateDirectory(savepath);

            postedFile.SaveAs(savepath + @"\" + filename);
            context.Response.Write(tempPath + "/" + filename);
            context.Response.StatusCode = 200;
        }
        catch (Exception ex)
        {
            context.Response.Write("Error: " + ex.Message);
        }
    }

    public bool IsReusable {
        get {
            return false;
        }
    }
}

如果我评论scrit表格是开放如果我发表评论获得关注 错误: enter image description here

提前致谢。

2 个答案:

答案 0 :(得分:0)

我可以问一个问题吗?如果您已经在使用文件上传控件,为什么还要使用自定义脚本呢?另外,你正在使用的jQuery插件是什么?如果您这样做是为了在上传中获取多个文件,FileUpload控件允许4.5框架中的多个文件输入。

答案 1 :(得分:0)

如果WebHandler未添加到IIS,我无权访问它。 将WebHandler添加到IIS,可能会解决问题 How create a handler mapping for an ASP.NET handler in an IIS 7 application running in Integrated mode