Home / Questions / 39760
Accepted
eezzekl
Asked: 2020-12-18 13:56:50 +0800 CST 2020-12-18 13:56:50 +0800 CST

如何在 JS 中获取文件并将其发送到 ASP.net

  • 772

再会。我在服务器端使用 C# 和 ASP.Net，在客户端使用 JS 和 html。

我有一个类似的表格

<form id='frmForm'>
<label>Subir Archivo</label>
<input type ='file' id='file' />
<button>Guardar</button>
</form>

我想要的是通过 js 获取文件并通过 AJAX 将其作为另一个参数发送到我的服务器，因为实际上我发送了多个字段。

如果您能指导我如何执行此功能，无论是在客户端还是从服务器端接收的数据类型

干杯

javascript

1 Answers

  1. Best Answer

    首先，您需要在服务器上做几件事： 1. 像这样定义一个文件类型控件 2. 您需要创建一个按钮来调用一个 JavaScript 函数，该函数负责选择文件和调用 Ajax 函数。试试 3. 您必须定义 JavaScript 函数，如下所示： function LoadFile() { var x = document.getElementById("myFile"); } 4. 在函数中，您必须定义与服务器上的函数通信的 Ajax。

    例如：在客户端它可以是这样的：

    <script type="text/javascript">
        $(document).ready(function () {

            $('#btnUploadFile').on('click', function () {

                var data = new FormData();

                var files = $("#fileUpload").get(0).files;

                // Add the uploaded image content to the form data collection
                if (files.length > 0) {
                    data.append("UploadedImage", files[0]);
                }

                // Make Ajax request with the contentType = false, and procesDate = false
                var ajaxRequest = $.ajax({
                    type: "POST",
                    url: "UploadPage.aspx",
                    contentType: false,
                    processData: false,
                    data: data
                });

                ajaxRequest.done(function (xhr, textStatus) {
                    // Do other operation
                });
            });
        });
    </script>

    在服务器上它可以是这样的：

    public partial class UploadPage : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            var httpPostedFile = HttpContext.Current.Request.Files["UploadedImage"];
            if (httpPostedFile != null)
            {
                var fileSavePath = Path.Combine(HttpContext.Current.Server.MapPath("~/UploadedFiles"), httpPostedFile.FileName);

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

    • 1