Question

我这整天都在工作。我不想使用任何花哨的插件。我的问题基本上是这样的：在asp.net c＃中，用户可以创建一个类的实例（让他们说学生），每个实例都有一个文件（图像）。我正在使用AJAX，代码工作正常。当用户按下创建按钮时，我还想将发布的文件发送到Page方法，该方法可以保存文件，同时将记录添加到数据库。但是，我无法在Page方法中将已发布的文件作为FileInfo获取，而是以字符串形式获取。有没有办法使这项工作？

function addBadge() {
            var badgeName = $('#txtBadgeName').val();
            var badgeDesc = $('#txtBadgeDesc').val();
            var badgeImage = $('#file_BadgeImage').get().files[0];
            $.ajax({
                type: "POST",
                url: "/Instructor/ManageBadges.aspx/CreateBadge",
                data: "{badgeName:'" + badgeName + "', \
                        badgeImage:'" + badgeImage + "',\
                        badgeDescription:'" + badgeDesc + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    .....
                    }
                }
            });

        }


[WebMethod]
    public static string CreateBadge(string badgeImage, string badgeName, string badgeDescription)
    {
        //HERE HOW CAN USE badgeImage ??
        //HOW CAN I CONVERT IT TO FileInfo and save ?

        Guid badgeId = Guid.NewGuid();
        BadgeInfo newbadge = new BadgeInfo();
        newbadge.BadgeId = badgeId;
        newbadge.BadgeName = badgeName;
        newbadge.BadgeDescription = badgeDescription;

    }

Answer 1

首先，我会尝试将内容类型设置为：

 contentType:'multipart/form-data'

然后我会阅读这篇关于支持AJAX和文件上传的文章。

jQuery Ajax File Upload

似乎只是在最近才开始受到支持。我知道一个事实，当你发布一个没有ajax的常规表单时，它必须有enctype＆＃39; multipart / form-data才能发送文件。

老实说，我不熟悉ASP C＃方面的文件操作，但我知道在你到达那边之前你有一些问题。

Answer 2

对于那些需要ajax asp.net解决方案（使用文件提交表单）而不使用花哨的文件上传插件的人：

我强烈提到最近的解决方案：File Upload using jQuery AJAX in ASP.NET Web API

指示的解决方案使用控制器来处理文件上载，并且从ajax调用控制器的fileupload函数。假设您有一个用于将表单输入保存到数据库的ajax方法。在此成功完成ajax之后，在成功事件中，您需要编写另一段ajax代码来执行在控制器类中定义的文件上载，如下所示：

 [HttpPost]
        public KeyValuePair<bool, string> UploadFile()
        {
            try
            {
                if (HttpContext.Current.Request.Files.AllKeys.Any())
                {
                    // Get the uploaded image from the Files collection
                    var httpPostedFile = HttpContext.Current.Request.Files["UploadedImage"];

                    if (httpPostedFile != null)
                    {
                        // Validate the uploaded image(optional)

                        // Get the complete file path
                        var fileSavePath = Path.Combine(HttpContext.Current.Server.MapPath("~/Images/UploadedFiles"), httpPostedFile.FileName);

                        // Save the uploaded file to "UploadedFiles" folder
                        httpPostedFile.SaveAs(fileSavePath);

                        return new KeyValuePair<bool, string>(true, "File uploaded successfully.");
                    }

                    return new KeyValuePair<bool, string>(true, "Could not get the uploaded file.");
                }

                return new KeyValuePair<bool, string>(true, "No file found to upload.");
            }
            catch (Exception ex)
            {
                return new KeyValuePair<bool, string>(false, "An error occurred while uploading the file. Error Message: " + ex.Message);
            }
        }

请参阅帖子了解详情。

如何在服务器端的Page方法中获取Ajax发送的发布文件

2 个答案: