Home / Questions / 42358
Accepted
eezzekl
Asked: 2020-01-05 09:18:48 +0800 CST 2020-01-05 09:18:48 +0800 CST

接收从 JavaScript 发送的 Asp.net (C#) 文件的数据类型

  • 772

我有一个用HTML和JavaScript制作的页面，在这个页面中，我有一个表单，inputs其中有几个是 a input file，我通过Ajax和JS将它们发送到服务器。

在服务器端，我从 接收数据inputs，但是当我收到数据类型错误时，我收到input file了不正确的数据类型错误。

我的问题是：我必须在服务器端（ASP.net 和 C#）使用什么类型的数据才能正确接收文件。

这是我拥有的部分代码：

HTML

  <form id='frm1'>
     <input type='text' id='nombre'>
     <input type='file' id='balance'>
  </form>

javascript

fuction guardar(){
 var nombre = $('#nombre').val();
 var files = $("#balance").get(0).files;
 PageMethods.Guardar(nombre,files[0],guardar_Callback, Failed_CallBack,context);
}

在服务器端，我有以下方法：

[WebMethod()]
public static int guardar(string nombre, tipoArchivo balance){
//lo que haga con la informacion
}

正如我告诉你的，除了接收文件的数据类型外，一切正常。

javascript

2 Answers

  1. Best Answer

    经过大量研究和提到的使用JavaScrip、PageMethods和WebMethod的要求，我必须说，由于技术本身及其工作方式的限制，不可能将文件上传到服务器。

    为了执行此操作，有必要使用UpdatePanel服务器端控件，这是我最终所做的，正如@weimar 所指出的那样，并且此链接显示https://www.codeproject.com/Articles/16945/简单 AJAX 文件上传

    或者像@Lazarok在他的回答中显示的那样使用MVC https://stackoverflow.com/a/42734/24364

    • 2

  2. 我附上了一个使用 ASP.NET MVC 4 的代码，这是项目的结构 在此处输入图像描述

    Index.cshtml 文件的正文

    <!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
    <input type="file" id="file" value="enviar" /><br />
    </div>

</body>

<script type="text/javascript">

    function ficheroSeleccionado(e) {
        if (e.target.files.length > 0) {
            subirFichero(e.target.files[0]);
        }
    }

    function subirFichero(file) {
        var xhr = new XMLHttpRequest();
        var formData = new FormData();
        formData.append("file", file);
        xhr.addEventListener("error", function (e) {
            alert("Error subiendo el archivo.");
        }, false);
        xhr.addEventListener("load", function (e) {
            //Codigo subido OK
            alert("fichero subido: " + e.target.statusMessage + "->" + e.target.statusText);
        });
        xhr.open("POST", "@Url.Action("UpLoad")", true);
        xhr.send(formData);
    }

        document.getElementById("file").addEventListener("change", ficheroSeleccionado, false);

</script>

</html>

    UpLoad.cshtml 文件正文

        <!DOCTYPE html>

<html>
<head>
    <title>title</title>
</head>
<body>
    <div>
        OK
    </div>
</body>
</html>

    IndexController.cs 文件的正文

     using System;
    using System.Collections.Generic;
    using System.IO;
    using System.Linq;
    using System.Web;
    using System.Web.Mvc;

    namespace SubiendoFicheroAJAX_ASP.MET.Controllers
    {
        public class IndexController : Controller
        {
            //
            // GET: /Index/

            public ActionResult Index()
            {
                return View();
            }

            [HttpPost]
            public ActionResult UpLoad(string descripcion, HttpPostedFileBase file)
            {
                if (file!=null)
                file.SaveAs(Server.MapPath("~/" + file.FileName));
                return View();
            }

        }
    }
    • 1