如何通过单击按钮查看位于服务器上的文件？

Question

我通过单击按钮（按钮位于 192.xxx.x.xxx\Profile\Details 页面中）将 ID 传递给它正在调用 API 的 angularJS 控制器文件

$scope.docView = function () {     
    Method.getbyId("api call",docId).then(function(response) {
            if (response.data.message != null)
                window.open('//'+response.data.message);
            else
                alert("File Not Found !");
        }).catch(function (data) {
            console.log("Unknown Error");
        });
    }
}

API 是：

    [Route("api call")]
    [HttpGet]
    public IHttpActionResult ViewDocument (Guid? docId)
    {
          /*background work*/            

                response.Message = filePath;
            }                
        }
        catch (Exception ex)
        {
            Utils.Write(ex);
        }

        return Ok(response);
    }

在response.data.message中，服务器上的文件（192.xxx.x.xxx\folder\filename）的路径来了，它将通过window.open()打开文件。但是在 URL 中，文件夹的整个路径是可见的，这将成为安全漏洞。因此，我想在同一控制器中“在新视图中显示文件”，这将在新选项卡中打开文件。 url 应该类似于 (192.xxx.x.xxx\Profile\Details?docid=xxxxxxxxxxxxxxxxxx )。

Answer 1

您真正要查找的内容，可以通过 Google 快速搜索找到： "从 ASP.NET Web API 方法下载文件"。

例如 here 和 here 你会找到实现你正在寻找的例子。

编辑：

HttpResponseMessage response = new HttpResponseMessage();
response.StatusCode = HttpStatusCode.OK;
response.Content = new StreamContent(result);
response.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue(System.Net.Mime.DispositionTypeNames.Inline)
{
    FileName = "foo.pdf"
};
result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/pdf");

源自this 和this 线程。

您需要根据实际文件类型更改 Content-Type。此外，文件是否在浏览器中实际可见取决于浏览器是否能够这样做。