multipartfile 前端怎么传_前端上传文件的几种方法

本文介绍了前端上传文件的三种方法:经典form提交、formData构造发送和fileReader读取数据上传。详细讲解了每种方法的优缺点,如form提交的页面跳转问题、formData的ajax优势以及fileReader的本地预览和性能问题。提供了禁止form跳转的iframe技巧和跨域处理建议。
摘要由CSDN通过智能技术生成

展开全部

第一种:经典的form和input上传。

设置32313133353236313431303231363533e78988e69d8331333366303237form的aciton为后端页面,enctype="multipart/form-data",type=‘post’

        提交

使用input选择文件,设置好其他input的值,点击提交,将文件数据及签名等认证信息发送到form设置的action对应的页面,浏览器也会跳转到该页面。触发form表单提交数据的方式有2种,一种是在页面上点击button按钮或

type='submit'>按钮触发,第二种是在js中执行form.submit()方法。

优点:使用简单方便,兼容性好,基本所有浏览器都支持。

缺点:1. 提交数据后页面会跳转(下面会讲如何禁止页面跳转)。

2.因为是浏览器发起的请求,不是一个ajax,所以前端无法知道什么时候上传结束。

3. form表单里发送除文件外的数据,一般是新建一个type=hidden的input,value=‘需要传的数据’,每发送一个数据就需要一个input,一旦多了就会使得dom看起来比较冗余。

小技巧:

form表单提交数据后会自动跳转到action指定的页面,为了禁止页面跳转,可以在页面中新建一个空的ifame,比如name='upload',然后设置form的target="Uploader",form有一个target的属性&#x

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值