2

我正在使用 asp.net 教程中的 FileUpload 示例。当我将它构建为独立时，它工作正常。但是，每当我尝试将该功能添加到新的 MVC4 网站时，路由都是错误的。我可能没有很好地解释这一点，所以这里是代码：

[HttpPost]
public async Task<HttpResponseMessage> PostFile()
{
    // Check if the request contains multipart/form-data.
    if (!Request.Content.IsMimeMultipartContent())
    {
        throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);
    }

    string root = HttpContext.Current.Server.MapPath("~/App_Data");
    var provider = new MultipartFormDataStreamProvider(root);

    try
    {
        var sb = new StringBuilder(); // Holds the response body

        // Read the form data and return an async task.
        await Request.Content.ReadAsMultipartAsync(provider);

        // This illustrates how to get the form data.
        foreach(var key in provider.FormData.AllKeys)
        {
            var strings = provider.FormData.GetValues(key);
            if (strings != null) foreach(var val in strings)
            {
                sb.Append(string.Format("{0}: {1}\n", key, val));
            }
        }

        // This illustrates how to get the file names for uploaded files.
        foreach(var file in provider.FileData)
        {
            var fileInfo = new FileInfo(file.LocalFileName);
            sb.Append(string.Format("Uploaded file: {0} ({1} bytes)\n", fileInfo.Name, fileInfo.Length));
        }
        return new HttpResponseMessage
        {
            Content = new StringContent(sb.ToString())
        };
    }
    catch (System.Exception e)
    {
        return Request.CreateErrorResponse(HttpStatusCode.InternalServerError, e);
    }
}

这是我正在使用的页面：

<div style="height:400px;">
<h3>File Upload</h3>
<form name="trip_search" method="post" enctype="multipart/form-data" action="api/upload">
    <div>
        <input type="radio" name="trip" value="round-trip"/>
        Round-Trip
    </div>
    <div>
        <input type="radio" name="trip" value="one-way"/>
        One-Way
    </div>

    <div>
        <input type="checkbox" name="options" value="nonstop" />
        Only show non-stop flights
    </div>
    <div>
        <input type="checkbox" name="options" value="airports" />
        Compare nearby airports
    </div>
    <div>
        <input type="checkbox" name="options" value="dates" />
        My travel dates are flexible
    </div>

    <div>
        <label for="seat">Seating Preference</label>
        <select name="seat">
            <option value="aisle">Aisle</option>
            <option value="window">Window</option>
            <option value="center">Center</option>
            <option value="none">No Preference</option>
        </select>
    </div>
    <div>
        <input type="submit" value="Submit" />
    </div>

</form>

当我直接导航到时，localhost:13927api/upload我看到了来自 web api 方法的响应。我已经在我的 WebApiConfig 中注册了 DefaultApi 路由。

但是当我在页面上localhost/Home/About并单击提交按钮时，它会尝试转到localhost/Home/api/upload- 这不存在。

我错过了什么？

编辑

马里奥的建议解决了我的问题。我表单上的操作方法与根无关。

action="api/upload" vs. action="/api/upload"

这解决了我的问题。

关于这个问题的一点阐述：

当您处于默认路径时（例如 yoursite/Home/Index -> 如果这是您的默认路径），则 action="api/myaction" 将起作用，因为当前路径仍被视为网站的根目录。但是，一旦您实际导航到某个路径（例如 yoursite/Home/About），当前路径现在位于“Home”下，因此我丢失的“/”自然是相对于我的当前路径而不是根目录。这就是示例在没有前导“/”的情况下工作的原因，因为有问题的视图是默认视图。

4

1 回答 1

2

添加了答案，如果这也可以帮助其他人：

您的表单action="api/upload"与根无关。尝试action="/api/upload"或使用其中一个助手来指定路线。

于 2012-11-07T20:45:45.427 回答