介绍
前端使用iview实现选择文件上传,后端使用laravel写接收上传文件接口,采用前后端分离的架构进行开发。效果图如下(:
前端实现
前端使用iview中的upload组件进行实现,upload组件提供了详细的用法,传送门,我使用的代码如下:
<Upload
ref="upload"
:before-upload="upload"
:show-upload-list="false"
:on-success="handleSuccess"
:format="['mp4','avi']"
:max-size="2048"
:on-format-error="handleFormatError"
:on-exceeded-size="handleMaxSize"
multiple
type="drag"
action="http://localhost:8000/api/v1/videos/add"
:h