通过 ajax 发布请求接收图像 接收该图像的类应该是什么

Question

这是我的ajax方法

 fl = new FormData();

    fl.append("abcd", $("#so_camera_click")[0].files[0]);
 debugger;  

    $.ajax({
        type: "POST",
        url: "../SaleOrder/AddSaleOrderToDB",
        dataType: "json",
        traditional: true,
        data: {

            f:fl,


        }});

而 C# 控制器是

id so_camera_click 是 <input type="file" accept="image/*"/> 每次我调试 javascript 时 fl 变量中都有数据，但是当它到达后端 c# 控制器时它会变为 null

       public JsonResult AddSaleOrderToDB(HttpPostedFileWrapper f)
             {
             }

Answer 1

在您的 ajax 请求中， 改变data的值如下，

  $.ajax({
        type: "POST",
        url: "../SaleOrder/AddSaleOrderToDB",
        traditional: true,
        processData: false,
        contentType: false
        data: fl
        });

使用正确、易读的字段名称。 您的控制器需要一个文件而不是 JSON 数据。

Answer 2

您需要发布 FileData 而不是 json。

此外，为了让控制器映射您发布的值，参数的名称必须与您用于 POST 的名称相同。

所以为了让你的例子起作用，你必须做这样的事情

fl = new FormData();

fl.append("file", $("#so_camera_click")[0].files[0]);
debugger;  

$.ajax({
     type: "POST",
     url: "../SaleOrder/AddSaleOrderToDB",
     data: fl,
     contentType: false,
     processData: false
});

在你的控制器中

public JsonResult AddSaleOrderToDB(HttpPostedFileWrapper file)
{
}