1

我已经在 C# 中下载了 blueimp jquery 文件上传插件示例,并且在运行程序时出现错误并且无法上传任何文件大小。

任何帮助将不胜感激!提前致谢。

结果如下:

在此处输入图像描述

这是aspx代码:

    <div id="fileupload">
    <form action="Upload.ashx" method="POST" enctype="multipart/form-data">
    <div class="fileupload-buttonbar">
        <label class="fileinput-button">
            <span>Add files...</span>
            <input type="file" name="files[]" multiple="multiple" />
        </label>
        <%-- <button type="submit" class="start">Start upload</button>
        <button type="reset" class="cancel">Cancel upload</button> --%>
        <button type="button" class="delete">
            Delete all files</button>
        <div class="fileupload-progressbar">
        </div>
    </div>
    </form>
    <div class="fileupload-content">
        <table class="files">
        </table>
    </div>
</div>

这是 Upload.ashx 代码:

using System;
using System.Collections.Generic;
using System.IO;
using System.Security.AccessControl;
using System.Web;
using System.Web.Script.Serialization;

namespace jQueryUploadTest {
    public class Upload : IHttpHandler {
        public class FilesStatus {
            public string thumbnail_url { get; set; }
            public string name { get; set; }
            public string url { get; set; }
            public int size { get; set; }
            public string type { get; set; }
            public string delete_url { get; set; }
            public string delete_type { get; set; }
            public string error { get; set; }
            public string progress { get; set; }
        }
        private readonly JavaScriptSerializer js = new JavaScriptSerializer();
        private string ingestPath;
        public bool IsReusable { get { return false; } }
        public void ProcessRequest (HttpContext context) {
            var r = context.Response;
            ingestPath = @"C:\temp\ingest\";

            r.AddHeader("Pragma", "no-cache");
            r.AddHeader("Cache-Control", "private, no-cache");

            HandleMethod(context);
        }

        private void HandleMethod (HttpContext context) {
            switch (context.Request.HttpMethod) {
                case "HEAD":
                case "GET":
                    ServeFile(context);
                    break;

                case "POST":
                    UploadFile(context);
                    break;

                case "DELETE":
                    DeleteFile(context);
                    break;

                default:
                    context.Response.ClearHeaders();
                    context.Response.StatusCode = 405;
                    break;
            }
        }

        private void DeleteFile (HttpContext context) {
            var filePath = ingestPath + context.Request["f"];
            if (File.Exists(filePath)) {
                File.Delete(filePath);
            }
        }

        private void UploadFile (HttpContext context) {
            var statuses = new List<FilesStatus>();
            var headers = context.Request.Headers;

            if (string.IsNullOrEmpty(headers["X-File-Name"])) {
                UploadWholeFile(context, statuses);
            } else {
                UploadPartialFile(headers["X-File-Name"], context, statuses);
            }


            WriteJsonIframeSafe(context, statuses);
        }

        private void UploadPartialFile (string fileName, HttpContext context, List<FilesStatus> statuses) {
            if (context.Request.Files.Count != 1) throw new HttpRequestValidationException("Attempt to upload chunked file containing more than one fragment per request");
            var inputStream = context.Request.Files[0].InputStream;
            var fullName = ingestPath + Path.GetFileName(fileName);

            using (var fs = new FileStream(fullName, FileMode.Append, FileAccess.Write)) {
                var buffer = new byte[1024];

                var l = inputStream.Read(buffer, 0, 1024);
                while (l > 0) {
                    fs.Write(buffer,0,l);
                    l = inputStream.Read(buffer, 0, 1024);
                }
                fs.Flush();
                fs.Close();
            }

            statuses.Add(new FilesStatus {
                thumbnail_url = "Thumbnail.ashx?f=" + fileName,
                url = "Upload.ashx?f=" + fileName,
                name = fileName,
                size = (int)(new FileInfo(fullName)).Length,
                type = "image/png",
                delete_url = "Upload.ashx?f=" + fileName,
                delete_type = "DELETE",
                progress = "1.0"
            });

        }

        private void UploadWholeFile(HttpContext context, List<FilesStatus> statuses) {
            for (int i = 0; i < context.Request.Files.Count; i++) {
                var file = context.Request.Files[i];
                file.SaveAs(ingestPath + Path.GetFileName(file.FileName));
                var fname = Path.GetFileName(file.FileName);
                statuses.Add(new FilesStatus
                             {
                                thumbnail_url = "Thumbnail.ashx?f=" + fname,
                                url = "Upload.ashx?f=" + fname,
                                name = fname,
                                size = file.ContentLength,
                                type = "image/png",
                                delete_url = "Upload.ashx?f=" + fname,
                                delete_type = "DELETE",
                                progress = "1.0"
                             });
            }
        }

        private void WriteJsonIframeSafe(HttpContext context, List<FilesStatus> statuses) {
            context.Response.AddHeader("Vary", "Accept");
            try {
                if (context.Request["HTTP_ACCEPT"].Contains("application/json")) {
                    context.Response.ContentType = "application/json";
                } else {
                    context.Response.ContentType = "text/plain";
                }
            } catch {
                context.Response.ContentType = "text/plain";
            }

            var jsonObj = js.Serialize(statuses.ToArray());
            context.Response.Write(jsonObj);
        }

        private void ServeFile (HttpContext context) {
            if (string.IsNullOrEmpty(context.Request["f"])) ListCurrentFiles(context);
            else DeliverFile(context);
        }

        private void DeliverFile (HttpContext context) {
            var filePath = ingestPath + context.Request["f"];
            if (File.Exists(filePath)) {
                context.Response.ContentType = "application/octet-stream";
                context.Response.WriteFile(filePath);
                context.Response.AddHeader("Content-Disposition", "attachment, filename=\"" + context.Request["f"] + "\"");
            } else {
                context.Response.StatusCode = 404;
            }
        }

        private void ListCurrentFiles (HttpContext context) {
            var files = new List<FilesStatus>();

            var names = Directory.GetFiles(@"C:\temp\ingest", "*", SearchOption.TopDirectoryOnly);

            foreach (var name in names) {
                var f = new FileInfo(name);
                files.Add(new FilesStatus
                {
                    thumbnail_url = "Thumbnail.ashx?f=" + f.Name,
                    url = "Upload.ashx?f=" + f.Name,
                    name = f.Name,
                    size = (int)f.Length,
                    type = "image/png",
                    delete_url = "Upload.ashx?f=" + f.Name,
                    delete_type = "DELETE"
                });
            }

            context.Response.AddHeader("Content-Disposition", "inline, filename=\"files.json\"");
            var jsonObj = js.Serialize(files.ToArray());
            context.Response.Write(jsonObj);
            context.Response.ContentType = "application/json";
        }
    }
}
4

2 回答 2

0

调用 fileupload 函数时,尝试在 application.js 中设置url : 'Upload.ashx'参数。

亲切

托雷瓜

于 2011-10-03T15:08:09.470 回答
0

您实际上可以从您的 aspx 页面中删除 FORM,但是您希望将调用移动到 .fileupload 初始化。

我相信您正在使用与我相同的示例,但即使您不是,您也应该找到一些看起来像这样的代码:

$('#fileupload').fileupload({

});

但是你会想把它改成这个

$('#fileupload').fileupload({
  url:'Upload.ashx'
});

希望这可以帮助。

于 2013-02-18T15:56:28.980 回答