npm 包 parse-server-fs-store-adapter 使用教程

介绍

在构建 web 应用程序时,经常需要将文件上传到服务器。parse-server-fs-store-adapter 是一种可用于存储和检索 parse-server 文件的 npm 包。它提供了一个简单的接口,使您可以将文件接收到本地文件系统。

parse-server-fs-store-adapter 的功能

  • 使用简单
  • 本地文件系统存储
  • 多种选项配置
  • 兼容 parse-server

安装

首先,您需要安装 parse-server-fs-store-adapter 包:

--- ------- ------ -----------------------------

配置

为了使用 parse-server-fs-store-adapter 包,您需要修改 parse-server 配置选项。在 parse-server 配置中,您需要指定 fsAdapter:

----- -- - --------------
----- ---- - ----------------
----- - ----------------- - - -----------------------------------------
----- --- - --- -------------
  ------------ --------------------------------
  ------ ----------
  ---------- --------------
  ---------- ------------------------------
  ------------- --- -------------------
    ------------------ ------------------------------------------- -- ---------------------
    ------------- -
      ----------- ---------- -- ------------------------
      ----------- ---------- -- ------------------------
      ----------- ---------- -- -------------------------------
      ---------------- -------- --------- -- ------------------------- ----------------- ------------------------- ----------
    -
  ---
---

在这个例子中,我们使用文件系统适配器提供的 FileSystemAdapter,使用 filesSubDirectory 参数指定用于存放上传的文件的子目录(默认路径为 ./parse-server-files),同时使用内置的文件适配器 filesAdapter,并在创建文件时使用 fs.createWriteStream() 方法。

使用

上传文件

接下来,我们将说明如何使用 multer 中间件和 parse-server-fs-store-adapter 连接上传的文件。

首先,您需要引入 multer 和 parse-server-fs-store-adapter 包:

----- ------ - ------------------
----- - ---------------------- - - -----------------------------------------

接着,在您的路由处理程序中配置 multer 中间件:

----- ------- - -----------------------
----- ------ - -------- ------- ---

------------------- ---------------------- ----- ---- -- -
  ----- ---- - ---------

  ----- --------- - --- ------------------------
    ------------------ ---------------------
  ---

  --------------------------------------- ------------
    -------- -- -
      ---------- -------- ---- ---
    --
    ------------ -- -
      ---------------------
      ---------------------- ------ ------------- ---
    ---
---

在这个例子中,我们使用 multer.memoryStorage() 方法创建了内存存储,使用 multer({ storage }) 创建 multer 中间件,并在路由处理程序中配置了该中间件。upload.single('file') 表示只上传单个文件,其中 file 参数表示上传字段的名称。在用户上传文件后,我们使用 FileSystemStoreAdapter 实例来将文件存储在文件系统中。

获取文件

您可以使用以下代码从文件系统中检索文件:

----- --------- - --- ------------------------
  ------------------ ---------------------
---

---------------------------------------
  ---------- -- -
    -----------------------------
    ---------------
  --
  ------------ -- -
    ---------------------
    ---------------------- ------ ------------- ---
  ---

在这个例子中,我们使用 FileSystemStoreAdapter 实例来获取文件,并使用 res.contentType()res.send() 方法将文件发送到客户端。

示例代码

以下是完整的示例代码:

----- ------- - -------------------
----- ------ - ------------------
----- -- - --------------
----- ---- - ----------------
----- - ----------- - - ------------------------
----- - ------------------ ---------------------- - - -----------------------------------------

----- --- - ----------

----- --- - --- -------------
  ------------ --------------------------------
  ------ ----------
  ---------- --------------
  ---------- ------------------------------
  ------------- --- -------------------
    ------------------ ------------------------------------------- -- ---------------------
    ------------- -
      ----------- ---------- -- ------------------------
      ----------- ---------- -- ------------------------
      ----------- ---------- -- -------------------------------
      ---------------- -------- --------- -- ------------------------- ----------------- ------------------------- ----------
    -
  ---
---

----- ------- - -----------------------
----- ------ - -------- ------- ---

------------------- ---------------------- ----- ---- -- -
  ----- ---- - ---------

  ----- --------- - --- ------------------------
    ------------------ ---------------------
  ---

  --------------------------------------- ------------
    -------- -- -
      ---------- -------- ---- ---
    --
    ------------ -- -
      ---------------------
      ---------------------- ------ ------------- ---
    ---
---

-------------------------- ----- ---- -- -
  ----- -------- - --------------------

  ----- --------- - --- ------------------------
    ------------------ ---------------------
  ---

  -------------------------------
    ---------- -- -
      -----------------------------
      ---------------
    --
    ------------ -- -
      ---------------------
      ---------------------- ------ ------------- ---
    ---
---

----------------- -----

---------------- -- -- ------------------- -- -- --- -----------

总结

parse-server-fs-store-adapter 包使文件上传和检索变得非常简单,同时提供了多种配置选项以及兼容 parse-server。希望通过这篇文章,您对于使用 parse-server-fs-store-adapter 进行文件存储的方式有了更深入的了解。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60065f8f238a385564ab6f5d


猜你喜欢

  • npm 包 react-native-baidu-trace 使用教程

    在使用 react-native 开发移动应用时,我们可能需要使用一些第三方库来实现更丰富的功能。Baidu Trace 是百度提供的一种轻量级的位置信息采集和处理服务,可以帮助我们获取用户的实时定位...

    3 年前
  • npm 包 wj-carousels 使用教程

    前言 在当今互联网的时代,网站与移动端 App 开发成为各个企业发展的重要方式,而前端开发作为整个开发过程中的重要环节,使用 npm 包 wj-carousels 可以方便的实现轮播图的特效,从而优化...

    3 年前
  • npm包 @paraponera/antd使用教程

    前端开发中,我们经常使用一些现成的框架和组件来加速开发进程。而Ant Design 是一套优秀的React UI组件库,在众多前端开发中广受欢迎。同时,@paraponera/antd 是在Ant D...

    3 年前
  • npm 包 @lrnwebcomponents/paper-input 使用教程

    介绍 @lrnwebcomponents/paper-input 是一个基于 Polymer 和 Material Design 的 Web 组件库,它提供了一个高度可定制的文本输入框组件,并且还支持...

    3 年前
  • npm 包 @lrnwebcomponents/parallax-effect 使用教程

    在现代 Web 开发中,视差效果是常常被使用的技术之一。它是一种能够让您的页面看起来更加生动、更具层次感的效果。而现在,您可以通过使用 npm 包 @lrnwebcomponents/parallax...

    3 年前
  • npm 包 easy-lottie-react-native 使用教程

    什么是 easy-lottie-react-native easy-lottie-react-native 是一个 React Native 的 npm 包,用于在 React Native 项目中方...

    3 年前
  • npm 包 git-collab 使用教程

    在开发过程中,Git 经常用来管理版本控制,而 git-collab 这个 npm 包则能够方便地协作开发,同时也能够简化一些本地部署的问题。本篇文章将会详细介绍 npm 包 git-collab 的...

    3 年前
  • npm 包 android-avd-manager 使用教程

    前言 随着移动设备的普及和智能化,尤其是安卓手机的应用数量和用户量增长迅速,越来越多的开发者开始投入到安卓开发中。为了能够更方便地进行安卓应用的开发和测试,我们通常需要使用安卓模拟器。

    3 年前
  • npm 包 paypal-spotlight 使用教程

    引言 paypal-spotlight 是一个基于 React 开发的可自定义的搜索框组件。它可以针对网站或应用程序的搜索需求而进行配置,以实现更优秀的用户体验和搜索结果。

    3 年前
  • npm 包 simple-react-scripts 使用教程

    简介 simple-react-scripts 是基于 create-react-app 的一个简化版,可以帮助开发者快速搭建 React 应用并启动本地开发服务器。

    3 年前
  • npm 包 @lrnwebcomponents/lrnapp-gallery-grid 使用教程

    简介 @lrnwebcomponents/lrnapp-gallery-grid 是一个前端组件库,适用于 React 和 Web Component 应用程序。它提供了一个具有良好交互性和美观外观的...

    3 年前
  • npm 包 git-branch-batch 使用教程

    在前端开发过程中,使用 Git 是必不可少的版本控制工具。Git 的分支功能为团队协作和项目管理带来了极大的便利,但在大型项目中,分支数量可能会变得非常多,这时手动删除分支就会变得非常烦琐。

    3 年前
  • npm包@lrnwebcomponents/swipe-action使用教程

    在前端开发中,实现滑动删除等操作是非常常见的需求。 @lrnwebcomponents/swipe-action是一个npm包,提供了方便的滑动操作组件,可以大大减少我们的开发时间和工作量。

    3 年前
  • npm 包 commitlint-config-czx 使用教程

    随着前端开发的发展,代码的提交规范已经成为了必要的标准。commitlint-config-czx 是一种使用简单、功能强大的规范包,让我们更好地管理我们的代码。 什么是 commitlint-con...

    3 年前
  • npm 包 flow-singleton 使用教程

    前言 随着前端代码逐渐变得复杂,代码中出现的 bug 越来越多。Flow 是 Facebook 出品的静态类型检查工具,可以帮助我们开发更加健壮的代码。但是使用 Flow 也有一些问题,比如多次引用同...

    3 年前
  • NPM包 token-sort使用教程

    介绍 在前端开发中,我们常会遇到需要对字符串进行排序的需求。而NPM包token-sort就是专门用于字符串排序的工具。 它能够根据定义的规则将字符串数组进行排序。

    3 年前
  • npm 包 @programming-languages-logos/lua 使用教程

    简介 @programming-languages-logos/lua 是一种用于制作比特币的开源编程语言 Lua 的官方 npm 包。它的安装方法非常简单,只需要使用 npm 命令即可。

    3 年前
  • npm 包 justows.conn.tmpl 使用教程

    介绍 justows.conn.tmpl 是一个基于模板引擎的npm包,它可用于处理在前端开发中使用到的模板。这个包采用简单的语法,适用于前端开发人员,无论是使用 React,Vue 还是其他的框架,...

    3 年前
  • npm 包 easy-helpful-utils 使用教程

    简介 在前端开发中,我们经常需要用到一些常用的工具函数。而在实际项目开发时,写这些函数的过程往往会浪费很多时间,同时也会影响代码的可维护性和开发效率。这时我们可以使用 npm 包,方便地引用现有的工具...

    3 年前
  • npm 包 generator-virtualmin 使用教程

    简介 generator-virtualmin 是一个使用 Yeoman 生成器快速创建 Virtualmin 主题的 npm 包。 Yeoman 是一个基于 Node.js 的脚手架工具,可以帮助我...

    3 年前

相关推荐

    暂无文章