如何在wwwroot中复制图像，或如何引用它们？

Question

我有一个非常原始的UI应用程序，带有jquery和images文件夹的.netcore。我有这个配置，因为我们有一台只支持javascript / jquery的机器。从VS 2017运行项目后，图像网址不起作用（因为正在查找wwwroot文件夹）。如何在wwwroot中复制图像，或者像捆绑一样以某种方式导出它们？

Answer 1

如果您的文件位于另一个不属于wwwroot的文件夹中，则可以将其添加为静态文件。

public void Configure(IApplicationBuilder app)
{
    app.UseStaticFiles(); // For the wwwroot folder

    app.UseStaticFiles(new StaticFileOptions
    {
        FileProvider = new PhysicalFileProvider(
            Path.Combine(Directory.GetCurrentDirectory(), "PathToYourFolder")),
        RequestPath = "/PathToYourFolder"
    });
}

访问图片：

<img src="~/PathToYourFolder/first.svg" alt="your image" />

对于js，css文件，您可以使用bundle。安装

Install-Package BuildBundlerMinifier -Version 2.8.391

之后，在您的Web项目的根目录中创建json文件 - bundleconfig.json

[ 
  {
    "outputFileName": "wwwroot/js/myjs.min.js",
    "inputFiles": [
      "FolderOfYourJS/yourJs.js"
    ]
  }

]

这将在wwwroot的js文件夹中的每个构建myjs.min.js文件上创建。

Answer 2

这不起作用：

我尝试了波浪线但没有...我认为唯一的方法是在构建项目时使用cmd命令将在wwwroot中复制图像...

$(document).ready(function () {
ajax.get('/Console/api/something', function (data) {
    for (var i = 0; i < data.length; i++) {
        $('.data-container')
            .append(createTaksLine(data, i));
    }
    })
})

createTaksLine（）返回一个html格式的字符串。