下载文件的方法

最新推荐文章于 2025-03-13 06:35:43 发布

投时

最新推荐文章于 2025-03-13 06:35:43 发布

阅读量919

点赞数

分类专栏：下载文件文章标签：前端 ajax

本文链接：https://blog.csdn.net/gxll499294075/article/details/123056925

版权

本文介绍了在本地服务中打开HTML文件的方法，包括通过http-server和VSCode的Live Server。重点讲述了如何利用blob对象进行文件下载，包括从本地服务器和外部服务器下载。对于外部服务器的文件，使用ajax请求来实现下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提补充：

要想html文件在本地服务中打开

1.下载安装全局的 http-server 包

npm install http-server -g

然后再当前文件下运行 http-server

即可在本地起一个本地服务来运行文件： 127.0.0.1

2.可以在vscode中点击右键选择 Open with Live Server 打开文件

也是在本地服务中打开文件。

一、blob对象实现文件下载

了解更多blob的内容：

Blob - Web API 接口参考 | MDN

1.下载本服务器文件时

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>blob</title>
</head>

<body>
    <!-- 从服务器上下