上传文件在实际开发中是很常见的需求,我的项目是用的element中的upload,与后台传数据不再是axios方式,而是直接用action填写了文件上传地址;
1.效果图:
![](https://i-blog.csdnimg.cn/blog_migrate/4582ce5b0e676f497533e913b957d512.gif)
2.HTML结构代码:
![](https://i-blog.csdnimg.cn/blog_migrate/71a1ce6fd7681ad045728eaff38dbe81.png)
3.上传文件需要的函数方法:
![](https://i-blog.csdnimg.cn/blog_migrate/167e5239dff4fa12d7487c985fedba98.png)
4.注意:upload 的上传文件时显示fileList的位置我的样式需求不同组件的原有样式,控制方式如下:
![](https://i-blog.csdnimg.cn/blog_migrate/fe11cd715616f5b5900d44d433e35447.png)
温馨提示:
我,作为一个神奇的喵系女孩,虽然反射弧稍微迟缓的长那么一点点,但,我必定是一只不容置疑的程序媛大佬!
你可以嘲笑我技术菜,但,你必须告诉我哪里错了,为什么错?
安静的等待本媛的下一篇实习总结吧!