今天写到了上传文件部分,记录一下。
前端使用了dropzone.js(用于实现文件上传的JS库),并对此文件进行了细微修改。
说一下思路吧:
首先界面长这样:
![65f3f247f500005045fb63a335e7d7d4.png](https://img-blog.csdnimg.cn/img_convert/65f3f247f500005045fb63a335e7d7d4.png)
点击上传文件,需要弹出一个对话框,对话框中有支持拖拽文件的文件选择框。
![3e807bed658d442c9f28288356fc4cc8.png](https://img-blog.csdnimg.cn/img_convert/3e807bed658d442c9f28288356fc4cc8.png)
注意,此时上传按钮是禁用的。
选择完成后,会有上传进度条。这里为了看到进度条,我选择上传一个比较大的文件。
今天写到了上传文件部分,记录一下。
前端使用了dropzone.js(用于实现文件上传的JS库),并对此文件进行了细微修改。
说一下思路吧:
首先界面长这样:
点击上传文件,需要弹出一个对话框,对话框中有支持拖拽文件的文件选择框。
注意,此时上传按钮是禁用的。
选择完成后,会有上传进度条。这里为了看到进度条,我选择上传一个比较大的文件。