资讯专栏INFORMATION COLUMN

ajax上传文件的请求

Cobub / 2046人阅读

摘要:是发送的必须是类型注意把设为,让不要对做处理,如果不设置为,会把转换为字符串。查看文件上传的请求头里,参数为请求参数之间的界限标识。也就是说防止覆盖掉的。

1、data是FormData

发送的data必须是FormData类型

2、注意processData

把processData设为false,让jquery不要对formData做处理,如果processData不设置为false,jquery会把formData转换为字符串。

3、contentType

查看文件上传的请求头里Content-Type: multipart/form-data; boundary=OCqxMF6-JxtxoMDHmoG5W5eY9MGRsTBp ,参数boundary为请求参数之间的界限标识。
这里的Content-Type不是你设置的,而是FormData的content-type。

如果jquery请求设置了contentType,那么就会覆盖了formData的content-type,导致服务器在分隔参数和文件内容时是找不到boundary,报no multipart boundary was found错误

默认情况下jquery会把contentType设置为application/x-www-form-urlencoded。要jquery不设置contentType,则需要把contentType设置为false。

也就是说contentType:false,防止contentType覆盖掉formData的content-type。

4、example
var data=new FormData();
$.each(files,function (i, file) {
    data.append("file",file);
});
$.ajax({url:"",
        type:"post",
        contentType:false,
        processData:false,
        data:data,
        success:function () {
            console.log("111");
        }
});

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90454.html

相关文章

  • PHP_Ajax

    摘要:简介业务做一个在线投票,给歌手投票。提交到当前页面的中达到效果。用户名密码注册总结在不使用对象的情况下,依然可以用来实现对后台服务器的请求,同时不带来页面刷新或者跳转。 ajax 简介 业务:做一个在线投票,给歌手投票。要求:无刷新,并且不允许使用XMLHttpRequest对象.分析:在XHR对象,没有流行之前,已经有了无刷新这种效果的方法. 从http角度看,可以利用204 No...

    MiracleWong 评论0 收藏0
  • Ajax上传文件

    摘要:我们将教你一个请求上传多文件的例子。然而,你可以用同样的办法上传单个文件。在功能方面的进步,消除供开发者使用第三方浏览器插件来处理文件上传的需要。 AJAX的采用标志着的Web历史上的一个巨大飞跃。与Web服务器通信而不需要重新加载页面的能力已改变了Web应用程序构建。动态网站的概念形成以后,AJAX(XMLHttpRequests) 技术发展迅速。 近年来XMLHttpRequest...

    Warren 评论0 收藏0
  • ajax与jsonp一点基础整理

    摘要:之所以不能跨域其实是因为受到同源策略的限制,只能让它访问同源下的数据,不能访问不同源下的数据同源策略每个网站只能读取同一来源的数据,这里的同一来源指的是主机名域名协议和端口号的组合。 一、Ajax的概念 Ajax是一种技术方案,但并不是一种新技术。它依赖的是现有的CSS/HTML/Javascript,而其中最核心的依赖是浏览器提供的XMLHttpRequest对象,是这个对象使得浏...

    tomlingtm 评论0 收藏0
  • WEB之常见工作问题总结(1-20)

    摘要:第三种,使用格式,即在中请求参数处理跨域问题当然请求方式只能是。最后发现有网友说版本不稳定引起的,于是把百度地图回退到了,结果还真是可以了。请问在移动端页面中播放优酷里面的视频,怎样实现 1.web扫码登录怎么实现,思路 步骤 WEB平台 手机 第1步 生成二维码 第2步 (ajax监控后台) 扫码 第3步 ...

    genedna 评论0 收藏0
  • antd 和 element上传文件详解与FormData详解

    摘要:当用户完成选择文件动作时,提交子页面中的。从此我们上传文件就欢欣鼓舞的来找了。因为的核心是对象,异步的实现是通过一个对象,一般简称该对象对。这些回答基于自己理解,如有不妥,希望路过的大神轻喷,指正。 背景 平时工作中经常会遇到需要上传文件的情况,如果你用ant design 或者element ,它们都提供了上传的组件。 我们分别来看一下element 和 antd 手动上传怎么处理:...

    Fundebug 评论0 收藏0
  • 浅谈contentType = false

    摘要:起初,协议中没有上传文件方面的功能,直到为协议添加了这个功能。而我们在中设置为是为了避免对其操作,从而失去分界符,而使服务器不能正常解析文件。 在刚接触 JQuery 中的 ajax 时,对其 contentType 并没有很在意,只是知晓它是代表发送信息至服务器时内容编码类型,通俗点说就是告诉服务器从浏览器提交过来的数据格式。 默认值为contentType = applicatio...

    renweihub 评论0 收藏0

发表评论

0条评论

Cobub

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<