码迷,mamicode.com
首页 > Web开发 > 详细

----vue中实现上传文件给后台----

时间:2019-08-21 21:22:08      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:data   使用   表单提交   类型   对象   formdata   百度   alt   nbsp   

一、FormData 对象的使用:
1.用一些键值对来模拟一系列表单控件:即把form中所有表单元素的name与value组装成
一个queryString
2. 异步上传二进制文件。
(ps:说白了就是不使用form表单实现form表单提交数据或文件,如果还是不懂,请自行百度)
一、实现过程:
1.使用type类型为file的input框实现选择文件(顺便记录一下修改input框的默认样式)
技术图片

2.修改input框的默认样式

技术图片

3.通过选择文件拿到数据

技术图片

4.请求接口

技术图片

 

 
 
 

----vue中实现上传文件给后台----

标签:data   使用   表单提交   类型   对象   formdata   百度   alt   nbsp   

原文地址:https://www.cnblogs.com/zjy850984598/p/11391232.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!