如何将客户端上传图片路径从视图传递至C#控制器

我明白你现在的需求：想把客户端上传的图片传给C#控制器，再调用IBM Watson视觉识别服务。不过这里有两个关键点需要修正——首先是表单的action配置，其次是不要传递本地文件路径（因为浏览器的安全限制，服务器根本无法直接访问客户端的本地文件），正确的做法是把文件本身上传到服务器。

一、先修正你的表单配置 #

你的表单action是空的，所以控制器不会被触发。你需要指定控制器的路由路径，比如假设你的控制器叫VisionController，里面处理上传的Action方法叫AnalyzeImage，那表单应该这么写：

<form action="/Vision/AnalyzeImage" method="post" enctype="multipart/form-data">
    <label for="file">Filename:</label>
    <input accept="image/*" title="Choose an image to upload" type="file" name="file" id="file" />
    <input type="submit" />
</form>

• action="/Vision/AnalyzeImage"：这里的格式是/控制器名/Action方法名，根据你实际的控制器和方法名调整即可。
• enctype="multipart/form-data"：这个属性是对的，必须添加，否则无法正确上传文件内容。

二、为什么不要传递本地文件路径？ #

你提到在IE里用input.value拿到了路径，但这个路径对服务器来说毫无意义：

• 现代浏览器（包括新版IE）为了安全，会把真实本地路径替换成C:\fakepath\xxx.jpg这种伪路径，服务器根本找不到这个文件。
• 即使拿到了真实路径，服务器也没有权限访问客户端的本地文件系统（客户端和服务器是完全独立的运行环境）。

所以正确的做法是直接把文件内容上传到服务器，让控制器接收文件流来处理。

三、在C#控制器中接收文件并调用Watson视觉识别 #

下面分两种常见的ASP.NET框架给出示例：

1. ASP.NET Core 版本 #

假设你用的是ASP.NET Core，控制器代码可以这么写：

using Microsoft.AspNetCore.Mvc;
using IBM.Watson.VisualRecognition.v4;
using IBM.Watson.VisualRecognition.v4.Model;
using System.IO;

public class VisionController : Controller
{
    [HttpPost]
    public async Task<IActionResult> AnalyzeImage(IFormFile file)
    {
        if (file == null || file.Length == 0)
        {
            return BadRequest("请选择要上传的图片");
        }

        // 初始化Watson视觉识别客户端（替换成你的API密钥和服务端点）
        var visualRecognition = new VisualRecognitionService("2021-05-20");
        visualRecognition.SetCredential("<你的IBM Watson API密钥>");
        visualRecognition.SetServiceUrl("<你的Watson服务端点>");

        // 读取上传的文件流
        using var stream = file.OpenReadStream();
        var classifyRequest = new ClassifyRequest()
        {
            ImagesFile = new ImagesFile()
            {
                Filename = file.FileName,
                Content = stream
            }
        };

        // 调用Watson的识别接口
        var result = await visualRecognition.Classify(classifyRequest);
        
        // 处理识别结果，比如返回JSON给前端
        return Json(result);
    }
}

2. ASP.NET MVC 版本 #

如果是传统的ASP.NET MVC，用HttpPostedFileBase接收文件：

using System.Web.Mvc;
using IBM.Watson.VisualRecognition.v4;
using IBM.Watson.VisualRecognition.v4.Model;
using System.IO;

public class VisionController : Controller
{
    [HttpPost]
    public async Task<ActionResult> AnalyzeImage(HttpPostedFileBase file)
    {
        if (file == null || file.ContentLength == 0)
        {
            return BadRequest("请选择要上传的图片");
        }

        // 初始化Watson客户端
        var visualRecognition = new VisualRecognitionService("2021-05-20");
        visualRecognition.SetCredential("<你的IBM Watson API密钥>");
        visualRecognition.SetServiceUrl("<你的Watson服务端点>");

        // 读取文件流
        using var stream = file.InputStream;
        var classifyRequest = new ClassifyRequest()
        {
            ImagesFile = new ImagesFile()
            {
                Filename = file.FileName,
                Content = stream
            }
        };

        var result = await visualRecognition.Classify(classifyRequest);
        return Json(result);
    }
}

四、额外提示 #

• 确保你已经通过NuGet安装了IBM Watson的SDK：Install-Package IBM.Watson.VisualRecognition.v4（ASP.NET Core或MVC都适用）。
• 记得替换代码中的API密钥和服务端点，这些信息可以在IBM Cloud控制台的Watson服务页面找到。
• 如果需要异步上传（不刷新页面），可以用JavaScript的FormData对象封装文件，通过AJAX请求传给控制器。

内容的提问来源于stack exchange，提问作者Gufran