在前端开发中，文件上传和下载是常见的功能需求。而 Promise 则是一种优雅且强大的异步编程方式。本文将介绍如何使用 Promise 来处理文件上传和下载，并提供示例代码。
文件上传
在传统的文件上传方式中，通常需要使用表单提交或者 AJAX 请求。而使用 Promise 可以让代码更加简洁和易读。
首先，我们需要将文件转换为二进制数据。可以使用 FileReader 对象来实现：
function readFileAsArrayBuffer(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = () => resolve(reader.result);
reader.onerror = reject;
reader.readAsArrayBuffer(file);
});
}接下来，我们可以使用 XMLHttpRequest 对象来发送请求，并将 Promise 作为返回值：
-- -------------------- ---- -------
-------- ---------------- ---- -
------ ---------------------------
------------------- -- -
----- --- - --- -----------------
---------------- -----
----------------------
------ --- ----------------- ------- -- -
---------- - -- -- ----------------------
----------- - -- -- -----------------------
---
---
-使用示例：
-- -------------------- ---- -------
----- --------- - ---------------------------------------------
----- ------------ - ---------------------------------
-------------------------------------- -- -- -
----- ---- - -------------------
---------------- ----------
-------- -- --------------------
-------------- -- ---------------------- --------
---文件下载
与文件上传类似，使用 Promise 可以让文件下载的代码更加简洁和易读。
首先，我们需要使用 XMLHttpRequest 对象发送请求：
-- -------------------- ---- -------
-------- ----------------- -
------ --- ----------------- ------- -- -
----- --- - --- -----------------
--------------- -----
---------------- - --------------
---------- - -- -- ----------------------
----------- - -- -- -----------------------
-----------
---
-接着，我们可以将下载的文件转换为 Blob 对象，并使用 URL.createObjectURL 方法生成下载链接：
-- -------------------- ---- -------
-------- ----------------------- -
------ -----------------
------------------- -- --- ---------------------
-
-------- ---------------------- -
------ -----------------------
------------ -- ---------------------------
-使用示例：
-- -------------------- ---- -------
----- -------------- - ---------------------------------
---------------------------------------- -- -- -
------------------------------
----------- -- -
----- ---- - ----------------------------
--------- - ----
------------- - -----------
--------------------------------
-------------
-------------------------
--------------------------------
--
-------------- -- ---------------------- --------
---总结
使用 Promise 可以让文件上传和下载的代码更加简洁和易读。通过将文件转换为二进制数据和使用 XMLHttpRequest 对象发送请求，我们可以轻松地实现文件上传和下载的功能。同时，我们还可以将下载的文件转换为 Blob 对象，并使用 URL.createObjectURL 方法生成下载链接，让用户更加方便地下载文件。
希望本文能够对您学习和使用 Promise 有所帮助。完整示例代码可参考下方链接。
示例代码：https://github.com/example/promise-file-upload-download
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f54aca2b3ccec22fd6f6dc