前言
在进行前端开发时，文件上传是一个非常常见的需求。而 shb-vue-upload 这个 npm 包可以很好地帮助我们完成文件上传的过程。下面将详细介绍如何使用该 npm 包。
安装
首先，我们需要在项目中安装 shb-vue-upload：
npm install shb-vue-upload --save
使用
在需要上传文件的组件中，先引入 shb-vue-upload：
import shbVueUpload from 'shb-vue-upload' Vue.use(shbVueUpload)
然后，在需要上传文件的位置，使用 shb-vue-upload 组件来完成文件上传：
-- -------------------- ---- -------
----------
---------------
-------------------
----------------
----------------
----------------------
-------------------------
-------------------
-
---------------------------
-----------------
-----------
--------
------ ------- -
------ -
------ -
---------- -------------------------
------- - -------------- ------ - - ------------------------- --
--------- -
----- -------
-
-
--
-------- -
---------------------- -
-- -----------
-
-
-
---------在上述代码中，我们通过传递一些参数来进行文件上传：
action：文件上传的地址；header：上传文件时需要的请求头；data：上传文件时需要提交的参数；change：上传成功后的回调函数；show-upload-list：是否显示上传列表；auto-upload：是否自动上传。
具体参数的含义可以参考官方文档。
示例代码
下面是一个完整的文件上传示例代码，供大家参考：
-- -------------------- ---- -------
----------
---------------
-------------------
----------------
----------------
----------------------
-------------------------
-------------------
-
---------------------------
-----------------
-----------
--------
------ ------------ ---- ----------------
------ ------- -
----------- -
------------
--
------ -
------ -
---------- -------------------------
------- - -------------- ------ - - ------------------------- --
--------- -
----- -------
-
-
--
-------- -
---------------------- -
-- ---------------- --- ---- -
---------------
-------- --------
----- ---------
--
-
-
-
-
---------总结
shb-vue-upload 是一个简单易用的文件上传插件，通过本文的介绍，相信大家已经可以轻松使用它完成文件上传的任务了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672e90520b171f02e1e2c