js保存文件到指定路径_ASP.NET Core 文件系统

最新推荐文章于 2022-12-08 16:45:41 发布
VIP文章 最新推荐文章于 2022-12-08 16:45:41 发布
阅读量2.4k 收藏 1
点赞数
文章标签： js保存文件到指定路径 web.xml文件位于web项目的目录结构中的 当所请求 url 的文件扩展名是针对未在服务器上配置的 mime 类型时

静态文件 目录浏览 默认页面 MIME类型配置 实战文件服务器 

紧接上一讲 中间件 之后，今天来我们来讲一下关于 ASP.NET  Core 中静态文件服务。

什么是静态文件？

先看一下下面例子(在客户端浏览器中通过 url 路径访问了网站的一张图片)：

b0239603a44fd6fdf045b252d785d70d.png

这样的图片就是一个静态文件

de2e638f00cdc977e6e8421d976cac63.png

  • 静态文件(staticfiles)，其实就是指像 HTML、CSS、图片 和 JavaScript 之类固定的文件，是会被应用程序直接提供给客户端的资源。

  • 静态文件通常位于web root(内容根目录或Web根目录)文件夹下。有关 内容根目录 和 Web根目录 的信息在第一讲中介绍过。

    6286999a87dcc6ac18b777c10554b9f8.png

    •  Web根目录默认为的是 Contentroot 路径下的 wwwroot 文件夹。

    •  静态文件中间件将默认只读取 Web根目录和其子目录中的文件。

    •  对于 Razor (.cshtml) 文件，波浪号斜杠 ~/ 指向 webroot。 以 ~/ 开头的路径称为虚拟路径。

    • 内容根目录(Contentroot)：是应用程序所用到的所有内容的根路径。WebHost.CreateDefaultBuilder() 中默认下把项目的当前目录设置为内容根目录，也就是指 web 的项目的文件夹，包括 bin 和 webroot 文件夹。

    • Web根目录(webroot)：项目中用于存放类似于 CSS、JS、图片等公开、静态资源的目录。

  • 静态文件可以保存在 Web根目录(默认为wwwroot) 下的任意文件夹内，并通过相对根的路径来访问。例如当你通过 VisualStudio 创建一个默认的 Web应用程序(MVC)项目时，在 wwwroot 目录下会多出几个文件夹：css、images以及js。

    6c77032d78f9ba815d5e09db2e80229a.png

    通过下面的URL就能够直接访问 images 目录下的图片：
    http:///images/
    http://localhost:7819/images/banner1.svg

    92e92213b50bce9288b24c68b21ccafe.png

静态文件中间件

如上例子，为了能够使用静态文件的服务，必须配置中间件，把静态文件中间件加入到请求管道内。(默认创建的 MVC Web应用程序已经配置了)
静态文件中间件可通过下述方法来配置：在项目中增加 MicrosoftAspNetCore.StaticFiles 包依赖，然后从Startup.Configure 中调用 app.UseStaticFiles 扩展方法：

public void Configure(IApplicationBuilder app, IHostingEnvironment env){
    
    app.UseStaticFiles();
} 

上面我们通过一个简单的实例使用 app.UseStaticFiles() 来使用文件中间件，使得Web根目录下的所有静态文件直接发布出来。如果我们需要发布的静态文件存储在其他目录下呢？依旧是这个应用，现在我们将静态文件放在自定义文件夹 MyStaticFiles 内，并将以Web的形式发布出来，展示如何通过使用 UseStaticFiles将其他非wwwroot目录下的内容也向外提供服务。

7Vtdk5owFP01PnaHEEB9rPbroZ3pdDvT5ygR00ZCQyxuf31vIBHZ6K6tQN1ddpydcMNHcs89h9wbHeH5Zvdekmz9ScSUj3wv3o3wm5HvY8+D/9pwVxkCNK4MiWRxZfJqwy37TSsjstYti2neOFEJwRXLjBFVxqVIU7pUjROJlKJoXrsSPG5cl5GEOobbJeGu9RuL1bqyTvxxbf9AWbI2T0YomlY9C7L8kUixTc3zRj5elX9V94bYe5mR5WsSi+LAhN+O8FwKoarWZjenXLu26bZ3J3r345Y0Vedc4FcX/CJ8S+2Iy3GpO+sLGGKmm3BTxQj/Av4maaJ7Z0pk0OFBi9OVMk1p/KLbC6GU2JgDwlmSQrs6d/aLwv3A5a+NubzZbMU4nwsuJFhSkeqn5BlZsjT5WD0i8mrTF/OoAEwC7rfipS/XLI5pqociFFFkUc5EX5YJlqoyNMIZfMA1c+8mHIUwzTkco/oYPvp0qeYizZUkrHQnJbkqaK5HH0uRfSUyoXaqK5EqE8gIYJy5SBhw9Lzp7sBkkHlPxYYqeQenmN7QBIkl0WRSHRd1SCIbSOuDcPQjwwTDgmR/5zoSoGGC4Xhg4IsCo3SGOROdCpRGcBzB/ax4aQZH0FZsPAa/nrOZ2+PA+yeA3+uXGUZDAxoBcYB4GHUDePA44JxVfFRS/NjrIvon8DYAAz8g99cyQF4hB1HsIoqPoMfJgvLPImeKCX1/I0J/iWoHHEZe1CRxhBwSW98fQjq5HNFw0PYno+0hwv1pezRoe2vaHp4A/qq0fTwowZNRAjzpUQkmgxK0pgTjE8BflRJMByV4MkoQeNP+lMBWXgYpaEEKpieQvyopQMhBvCiKsvTkR1zPeSGhlaj9FA9CAeal7Wu14cYrVVZ4D9EHQF6Ct6h8KDUs1kzRWwBXP7OQJCtB3KYxjQ2ELXAO4Xv5WRg6pAuOcc5rAQE354bwUzCZl4aCrWzZNVDk9QfCGWnyUPhoofBxZF3bUeEDuQnup7tb8BtbvmOc5s+XRyiYNp0+H

最低0.47元/天 解锁文章
weixin_39574708
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
.Net Core中间件之静态文件(StaticFiles)示例详解
01-20
一、介绍 静态文件（static files），诸如 HTML、CSS、图片和 JavaScript 之类的资源会被 ASP.NET Core 应用直接提供给客户端。 在介绍静态文件中间件之前，先介绍 ContentRoot和WebRoot概念。 ContentRoot：指web的项目的文件夹，包括bin和webroot文件夹。 WebRoot：一般指ContentRoot路径下的wwwroot文件夹。 介绍这个两个概念是因为静态资源文件一般存放在WebRoot路径下，也就是wwwroot。下面为这两个路径的配置，如下所示： public static void Main(string[]
Asp.net CKEditor 4.0和CKFinder 2.1 上传文件
08-16
开发中的终结版，狼王编辑器，打包下载。 CKEditor 4.0和CKFinder 2.1 在验证中，可以加入限制IP地址上传文件，根据会员的权限Session来限制等。 配置的时候 1. 注意ckEditor中config.js 的ckfinder的路径 2.ckfinder中，config.ascx 这里可以配置到 web.config中， 方便统一设置BaseUrl = "~/ckfinder/userfiles/";
js保存当前路径(cookies记录)
12-02
简单地说，就是在个人中心页面，该客户点击取消订单，提交到某个action，进行数据库的操作，将一张表中的字段值改变，然后重新返回到个人中心页面，只是那里的“取消”按钮变成了灰色的“已取消”就OK了，而在订单的详细页面，也是相同的，提交到相同的acion，但是返回页面不是个人中心页面，而是订单的详细页面。 这时候可以考虑用js保存当前路径，写到cookie中，在acion中获取到该路径，通过get/set方法，只需要在<result></result>中写上该路径的el表达式就行了。 代码如下： 代码如下: [removed] function sa
ASP.NET-Core
05-13
DotNet核心文档扫描 你应该知道什么 介绍 Dynamic Web TWAIN是一个文档扫描SDK，可帮助开发人员构建符合TWAIN标准的在线文档扫描Web应用程序。 有关该产品的更多详细信息，请访问 这是一个示例项目，指导开发人员将Dynamic Web TWAIN与.NET Core MVC集成。 我们建议开发人员在Windows环境下使用Visual Studio打开此演示项目。 要求 .Net Core SDK: 3.1 Dynamic Web TWAIN: 16.1.1 在运行该应用程序之前，您应该将Dynamic Web TWAIN资源文件放入/wwwroot/lib/dwt 。 如果未安装Dynamic Web TWAIN，请访问进行下载。 如果已安装，则可以在Dynamic Web TWAIN安装路径的Resources文件夹下找到它们（通常是C:\Program
TopStatsAppMVC:HTML，CSS，JavaScript，ASP.NET Core MVC，EntityFramework
05-19
TopStats应用MVC 资料库包含一个应用程序，可让您查看前15名玩家的最近10场比赛的统计信息。 如何使用它 在“ appsettings.json”文件中将数据库连接路径更改为您自己的数据库连接路径： 通过在“程序包管理器”控制台中键入“ update-database”进行迁移 首次启动应用程序时，来自文件“ playersData.json”的数据将被加载到数据库中
ASP.NET Core 文件系统
dotNET跨平台
03-24 1432
静态文件目录浏览默认页面MIME类型配置实战文件服务器紧接上一讲中间件之后，今天来我们来讲一下关于 ASP.NET Core 中静态文件服务。什么是静态文...
js/ts实现保存excel表格到计算机指定目录位置。
z37411的博客
12-08 1899
原生实现保存excel表格到指定位置。1，首先用到了xlsx这个包，在项目中引入这个包。2，接下来是封装的函数。结尾：简简单单，不懂的可以看看文档，本人也是看的文档。
js保存图片至本地
weixin_42141454的博客
04-28 1万+
第一种方法 downloadIamge(imgSrc) { //imgSrc 为图片链接路径 // 必须同源才能下载 var alink = document.createElement("a"); alink.href = this.imgs; alink.download = "pic"; //图片名 alink.click(); } 第二种方法 saveImg:function(){ this.downloadIamge(this.imgsrc, 'sha...
通过js保存文本信息到本地, 提供类似下载文件的功能
leiax00
12-22 1万+
在前端直接组合数据或者接口返回的文件会被浏览器自动打开的情况下， 可以通过前端处理来让浏览器保存文件到本地的任意位置； 原理：通过js书写临时<a>标签来进行类似下载弹窗的操作，需要浏览器开启每次下载文件询问保存位置； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head.
JS下载文件到本地
佳佳鸽的博客
03-08 5247
环境: WEB端在linux系统开发板上运行,web端服务器目录在/userdata/web 需求: WEB端创建一个按钮,点击按钮后会将开发板上指定目录的文件,下载到本地端(浏览器) 例子: WEB端做一个拍照功能,点击按钮进行拍照并将图片保存到指定目录下(/tmp/picture.jpg),保存好后自动将图片下载到本地端. 首先需要得到一个URL,直接访问打开图片,而通常能通过URL直接访问的文件需要存放在站点资源目录下．站点资源目录即为前面提到的web端服务器目录（/userdata/web），只需要
ASP.NET Core静态文件的使用方法
01-01
前言 静态文件（HTML，CSS，图片和Javascript之类的资源）会被ASP.NET Core应用直接提供给客户端。 静态文件通常位于网站根目录(web root) <content>/wwwroot文件夹下。通常会把项目的当前目录设置为Content root,这样项目的web root就可以在开发阶段被明确。 public static IWebHostBuilder CreateWebHostBuilder(string[] args) => WebHost.CreateDefaultBuilder(args) .UseContentRoot(Directory
js 保存 html 到服务器,服务器是缓存JS文件还是嵌入式HTML脚本？
weixin_33836754的博客
06-15 92
我的某个网站的服务器出现异常，我需要您的帮助才能找到解决方案。如果我打开由FtpZilla下载的PHP文件并编辑任何PHP代码，一旦我保存并重新上传文件，新内容就会处于活动状态。任何HTML代码都是一样的如果在同一个文件中，我编辑了一些HTML代码，其中有一个标签，里面有javascript代码，当我上传新版本的文件时，JS代码被提供给浏览器是旧的。我尝试使用CTRL + F5，几个浏览器：没有出...
js上传文件保存到服务器,js怎么样上传到文件到服务器地址
weixin_36094492的博客
08-06 1088
js怎么样上传到文件到服务器地址 内容精选换一换如果申请证书时，证书请求文件选择的是自己生成CSR，证书签发后，证书文件中不包含证书私钥文件，因此将出现一键推送证书到WAF/ELB/CDN等服务中出现报错的问题。手动生成CSR文件的同时会生成私钥文件，上传证书请求文件时，无需上传私钥文件，私钥文件由用户自行保管。如需在WAF/ELB/CDN等服务中使用证书，请参照以下方法进行操作：使用支持2.2....
js保存文件到指定路径_使用 Node.js 写一个代码生成器
weixin_39980711的博客
12-03 961
使用 Node.js 写一个代码生成器背景第一次接触代码生成器用的是动软代码生成器，数据库设计好之后，一键生成后端 curd代码。之后也用过 CodeSmith , T4。目前市面上也有很多优秀的代码生成器，而且大部分都提供可视化界面操作。自己写一个的原因是因为要集成到自己写的一个小工具中，而且使用 Node.js 这种动态脚本语言进行编写更加灵活。原理代码生成器的原理就是：数据 + 模板 =&g...
js读取服务器html文件,【未解决】js中将html内容保存到服务器上的本地的html文件...
weixin_36202273的博客
06-30 1029
【背景】之前已经实现了：网页中，点击某个按钮，可以调用到js获得到KindEditor的html的内容：function submitGoodsContent(){var kindeditor = window.editor;// 取得HTML内容html = kindeditor.html();console.log(html);}商品名：在此输入新产品的介绍内容提交当前页面现在希望实现，不仅仅...
html页面保存到本地文件路径,js上传文件到指定路径 jQuery或者js保存文件到本地...
weixin_35645230的博客
06-03 2840
js怎么传递一个上传文件的路径jquery或者js获取上传文件的路径问题现有一表单，里面有一项是上传图片，思路是：点击提交(button)后，通我的理解是你应该先通过图片上传接口把图片上传到服务器上(上传后的服务器端的图片地址，保存到里)，然后再统一提交所有的表单项。js中如何将某地址的图片保存到本地指定文件夹中？用JSPSMA处理,参考下面代码实现：用js如何实现点击按钮打开一个指定路径下的文件...
node文件读取和过滤、筛选（filter）
StarFishing
12-04 9662
在node开发过程中，我们经常需要对文件进行读取，写入，以及文件的引入等相关操作和需求，那么我们就需要去读取我们的目录文件，并对其加以过滤，得到我们的目标文件，但是我们要怎么样高效率的进行文件的过滤呢，下面我们介绍了一种方法： 首先我们需要导入fs模块，然后用readdirSync列出文件 const fs = require('fs'); // 先导入fs模块，然后用readdirSync列出文...
.NET Core 文件路径解决方法，统一Linux Window
杨义权的博客
06-19 5590
.NET Core 文件路径解决方法，统一Linux Window.NET Core 文件路径解决方法，统一Linux Window1 场景2 平台文件路径处理方式3 解决方案上传解压ZipFile解压ZipFile源码修改修改方案 .NET Core 文件路径解决方法，统一Linux Window 在不同平台下面，这里特指Linux、Window，一般我们开发机在window下面，而生产环境在linux平台下，而两个平台处理文件路径不同，稍不注意就会掉坑中。 1 场景 1.1. 上传文件 2.2. 压缩包
js 实现选择文件存放路径
热门推荐
那个小学生的博客
12-25 1万+
最近遇到js 实现选择文件存放路径问题，百度了一下找到一个方法，使用时碰到的问题分享一下： 以下为代码： <input id="catchAdress" type="text" /><button onclick="browseFolder()">选择地址</button> <script> function browseFolder() { ...
asp.net core 文件上传
最新发布
08-07
### 回答1： 要在ASP.NET Core上载文件，您可以按照以下步骤操作： 1. 在您的控制器方法中使用`[HttpPost]`属性标记该方法。 2. 添加`[Request.Form.Files]`属性来接收提交的文件。 3. 使用`IFormFile`对象处理文件。您可以使用`CopyToAsync()`方法将文件复制到服务器文件系统中。 以下是示例代码： ```csharp [HttpPost] public async Task<IActionResult> UploadFile([FromForm] List<IFormFile> files) { long size = files.Sum(f => f.Length); // 遍历上传的文件 foreach (var formFile in files) { if (formFile.Length > 0) { var filePath = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot\\uploads", formFile.FileName); using (var stream = new FileStream(filePath, FileMode.Create)) { await formFile.CopyToAsync(stream); } } } return Ok(new { count = files.Count, size }); } ``` 在此示例中，我们从`[HttpPost]`属性开始，该属性表示此方法应该响应HTTP POST请求。我们还使用`[FromForm]`属性将数据传递给`files`参数。 接下来，我们使用`Sum()`方法计算上传文件的大小。然后，我们使用`foreach`循环遍历上传的文件。如果文件大小大于零，则将文件保存到服务器文件系统中。 最后，我们使用`Ok()`方法返回HTTP 200 OK响应，并将上传文件的数量和大小作为JSON对象返回。 ### 回答2： ASP.NET Core 文件上传是指在开发ASP.NET Core应用程序中，实现将文件从客户端上传到服务器的功能。ASP.NET Core 提供了丰富的工具和API来处理文件上传。 要实现文件上传功能，首先需要在前端添加一个文件选择的input元素，并将其设置为文件上传的类型。然后，当用户选择文件后，可以使用JavaScript将文件发送到后端。 在后端，可以使用ASP.NET Core的控制器来处理文件上传。可以使用HttpPost特性将方法定义为POST请求，并使用FromForm特性获取从前端发送的文件。 下一步是处理接收到的文件。可以使用IFormFile接口来操作上传的文件。可以通过Name属性获取文件的名称，并使用OpenReadStream方法获取文件的二进制流。 在处理文件之前，可以对文件进行一些验证和验证。例如，可以检查文件的大小、文件类型等。如果有验证错误，可以将错误信息返回给前端。 接下来，可以将接收到的文件保存到服务器的指定位置。可以使用File类的CopyToAsync方法将文件复制到指定的路径。在保存文件之前，可以为文件生成一个唯一的文件名，以避免文件名冲突。 完成文件上传后，可以向前端发送响应，确认文件上传成功。可以返回一个包含文件信息的JSON对象，或者返回一个简单的成功消息。 综上所述，ASP.NET Core 文件上传可以通过前端的文件选择和JavaScript来实现文件上传功能，并使用ASP.NET Core的控制器来接收和处理上传的文件。可以对上传的文件进行验证和处理，并将其保存到指定的位置。完成文件上传后，可以向前端发送响应以确认上传成功。 ### 回答3： ASP.NET Core 是一个开源、跨平台的框架，可以用来构建 Web 应用程序和服务。文件上传是 Web 开发中常见的功能，ASP.NET Core 提供了方便的方式来处理文件上传。 要在 ASP.NET Core 中实现文件上传，可以使用 Mvc 中的 Controller 和 View。下面是一个简单的示例： 1. 在 Controller 中，可以使用 [HttpPost] 特性来标记一个接受 Post 请求的方法。 2. 在这个方法中，需要使用 [FromForm] 特性来接受从前端传来的文件。例如，可以在方法的参数中定义一个 IFormFile 类型的参数来接收上传的文件。 3. 为了接受文件上传的表单，需要在 View 文件中使用 form 标签，并设置 enctype="multipart/form-data" 属性来指示表单是用于文件上传。 4. 在表单中，可以使用 input 标签的 type="file" 来创建一个文件选择框。用户选择文件后，就可以点击提交按钮将文件上传到服务器。 5. 在 Controller 中的方法中，可以处理接收到的文件。例如，可以使用 IFormFile 类型的参数的 OpenReadStream() 方法来获取文件的流，然后将文件保存到服务器。 需要注意的是，文件上传涉及到服务器端的文件处理和安全问题。在实际应用中，我们需要对文件的类型、大小、保存路径等进行限制，以及对上传的文件进行合法性校验和防止文件上传漏洞攻击的处理。 总结来说，ASP.NET Core 提供了方便的方式来实现文件上传功能。通过使用 Controller 和 View，可以很容易地将文件从前端上传到服务器，并对文件进行处理和保存。同时，为了确保安全和合法性，我们需要对文件进行校验和防御措施。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值