使用Ajax上传文件时应该配置的参数

最新推荐文章于 2024-11-30 14:10:24 发布
原创 最新推荐文章于 2024-11-30 14:10:24 发布 · 2.1k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
java

当前文章被收录于：

java
3 篇文章 0 人学习
订阅专栏 查看详情
web

当前文章被收录于：

web
3 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了一种使用JavaScript的FormData对象进行文件上传的方法。通过实例展示了如何利用$.ajax()方法配合FormData实现文件的POST请求，并指出了必要的配置选项如contentType和processData。
     
var formData = new FormData(document.getElementById("表单ID"));//先封装了一个 formData 对象，然后使用 post 方法将文件传给服务器
$.ajax({
    url: 'action',
    type: 'POST',
    data: formData,
   //文件上传时必须配置的参数
    contentType: false,
    processData: false,
    dataType: "json",//返回的数据格式

ajax有哪些常用参数？ajax参数介绍
Blue92120的博客
02-02 2055
要求为Function类型的参数，给Ajax返回的原始数据进行预处理的函数。要求为String类型的参数，只有当请求时dataType为"jsonp"或者"script"，并且type是GET时才会用于强制修改字符集(charset)。要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false），设置为。要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。
使用ajax请求同时传递参数和上传文件
weixin_45669561的博客
06-30 1537
ProcessData：主要作用是控制数据的传输方式。一般来说，当数据是一个查询字符串时，ProcessData应该设置为true；而当数据是一个FormData对象、一个Blob对象或者一个ArrayBuffer对象时，ProcessData应该设置为false。contentType ：设置为 false 是为了避免 JQuery 对其操作，从而失去分界符，而使服务器不能正常解析文件。文件简要演示如何使用ajax请求同时传递参数和上传文件，并使用springBoot接收。
ajaxfileupload带参数上传文件
代码笔记
11-22 1547
$.ajaxFileUpload( { url: '/controller/action', secureuri: false, data: { 'name': 'Tom', //'参数名称':'参数值' }, ... ... }
ajax文件上传怎么传其他参数,Ajax进行文件与其他参数的上传功能
weixin_30575517的博客
08-05 1524
记得前一段时间，为了研究Ajax文件上传，找了很多资料，在网上看到的大部分是form表单的方式提交文件，对于Ajax方式提交文件并且也要提交表单中其他数据，发现提及的并不是很多，后来在同事的帮助下，使用ajaxfileupload最终完成了文件上传与其他提交的操作，现在分享给大家，希望大家能有有所帮助。本文主要介绍了使用Ajax进行文件与其他参数的上传功能(java开发),非常不错，具有参考借鉴价...
ajax 文件上传 参数,ajax实现文件上传，多文件上传，追加参数
weixin_39658759的博客
08-05 236
文件上传指定文件名： 上传文件： 上传文件： 上传文件： //获取tokenvar token = parent.window.document.getElementById("token").value;function doUpload() {var formData = new FormData();formData.append("token", token);formData.appen...
ajax请求参数和上传文件大小限制
dxjren的博客
09-12 9814
1、ajax中的参数url允许向后台传递参数的大小为8000字符 2、ajax利用 var formData = new FormData($("#form1")[0]); 上传文件的大小为15MB。
ajax无法文件上传
sinye的博客
09-08 686
我是这样写的，ajax无法上传。研究一番后，我发现我有两地方出错了。
用ajax发送input file文件
weixin_44988848的博客
07-14 640
获取input file的文件对象 $("input[type=file]").change(function(e){ file = e.currentTarget.files[0]; }) e.currentTarget.files[0]是个对象，ajax默认不能发送对象，要通过JSON.stringify()转成字符串，否则报错如下： e.currentTarget.files[0]对象经过JSON.stringify()之后显示是{}，我的天！！！我也不知道为什么，但是JSON.stringif
ajax 上传图片所旅途,Ajax上传图片以及上传之前先预览
weixin_34315264的博客
08-05 277
手头上有几个小项目用到了easyUI，一开始决定使用easyUI就注定了项目整体上前后端分离，基本上所有的请求都采用Ajax来完成。在文件上传的时候用到了Ajax上传文件，以及图片在上传之前的预览效果，解决了这两个小问题，和小伙伴们分享下。上传之前的预览方式一先来说说图片上传之前的预览问题。这里主要采用了HTML5中的FileReader对象来实现，关于FileReader对象，如果小伙伴们不了解...
Ajax方式上传文件时报错“Uncaught TypeError: Illegal invocation“
caishijian2008的专栏
12-30 642
默认情况下，通过data选项传递进来的数据，如果是一个对象(技术上讲只要不是字符串)，都会处理转化成一个查询字符串，以配合默认内容类型 "application/x-www-form-urlencoded"。数据传输的方式是通过定义formData完成的，提交的文件对象也设置为dom对象，但是还是不能发送请求。F12看到后台报了个错误：Uncaught TypeError: Illegal invocation，百度了一下，找到了解决方法。关于ajax的其他配置，可以参考W3School上的资料。
ajax 上传文件报错,Ajax上传文件/照片时报错TypeError ：Illegal invocation
weixin_39706861的博客
08-05 339
问题 Ajax上传文件/照片时报错TypeError ：Illegal invocation 解决 网上搜索问题，错误原因可能有以下几个，依次检查： 请求类型有误，如post请求，但在后台设置的是get请求 参数有误。 如没有传参，或是参数对应不上去 File类型的参数被预先处理了 参见Ajax原理 检查后发现应该时原因3，故修改代码，设置$.ajax的processData: false：...
Springmvc中ajax上传文件出现400错误
qq_38686305的博客
11-12 2155
Springmvc中ajax上传文件出现400错误 一、配置spring-mvc.xml 需要在spring-mvc.xml中配置文件上传解析器 <!-- 定义文件上传解析器 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultip.
使用ajax和FormData传文件
__盛某人的博客
09-30 375
开发环境： jquery Ajax struts 实现功能是上传文件 HTML <form enctype="multipart/form-data;charset=utf-8"> <input id="attachment" name="attachment" type="file" value="" accept=".zip"> <button>上传</button> </form> JS var formData
SpringMVC+ajax+FormData文件上传报java.lang.NullPointerException
weiyang_tang的博客
01-08 7858
SpringMVC+ajax+FormData文件上传报java.lang.NullPointerException错误解决思路 1.springmvc-servlet.xml配置文件要加上下面的标记 &amp;amp;lt;!-- 文件上传配置 --&amp;amp;gt; &amp;amp;lt;bean id=&amp;quot;multipartResolver&amp;quot; class=&amp;quot;org.sp
Ajax使用formdata异步上传文件，报错the request was rejected because no multipart boundary was found...
dgqvhtlwq472235338的博客
02-21 380
原文：https://www.itread01.com/content/1526126668.html 基於jQuery的Ajaxs使用FormData上傳文件要註意兩個參數的設定 processData設為false 把processData設為false，讓jquery不要對formData做處理，如果processData不設置為false，jquery會把formDa...
关于ajax异步请求后台接受参数为null的问题
ABestRookie的博客
11-13 1437
关于ajax异步请求后台接受参数为null的问题 问题描述: 近日楼主在前端页面,使用ajax异步post方式发送请求, 1: 前台访问路径正常,参数携带正常 2: 后台拦截请求成功,使用request域获取的参数值全为null. 解决方法: 查询相关资料,因tomcat的版本不一样,里面maxPostSize属性值,设置不一样. 7.0.63版本前: maxPostSize=“0” 是HTTP的POST请求下的body大小. 为0表示不做限制，如果不设置的话，缺省的情况下是maxPostSize=“209
使用ajax上传附件file的方法及注意事项，含踩到的坑及部分网上内容测试！
牛牛的博客
08-03 2132
使用ajax上传附件file的方法及注意事项，含踩到的坑及部分网上内容测试！一、结论1、必须使用`$.ajax()`方式，不能使用`$.get()`和`$.post()`方式2、必须使用`FormData()`，将实体参数以及附件放入其中，进行传递3、其中file文件必须使用`$("#fileid")[0].files[0]`形式，否则无法识别4、$.ajax()中必须设置`contentType: false`和`processData: false`5、示例如下二、测试环境基本情况介绍1、背景说明2、试
php视频上传显示进度条,PHP+Ajax如何实现上传文件进度条动态显示进度-php教程
weixin_35980523的博客
03-11 281
说个条件：PHP设置装备摆设文件中规则默许上传文件巨细限度2M如下，如需上传年夜文件需同时更改php.ini中的upload_max_filesize以及max_execution_time和post_max_size的值。相干保举：《PHP教程》主界面和Ajax完成：index.html上传文件function sub() {var obj = new XMLHttpRequest();obj....
AJAX实现文件上传功能报错Current request is not a multipart request详解例子解析
最新发布
IT老农民的博客
11-30 2754
在AJAX实现文件上传功能时，遇到“Current request is not a multipart request”的错误，通常意味着服务器期望接收一个多部分（multipart）请求，但实际上并没有收到。
结合FTP服务器使用文件上传异常
dayiyang9635的博客
09-04 214
使用ajax实现文件上传浏览器控制台报异常项：jquery-3.2.1.min.js:4 Uncaught TypeError: Illegal invocation 原因：1、请求类型有误，如：post请求，但在后台设置的是get请求 　　　2、参数有误，如：没有传参，或是参数对应不上去 在使用ajax上传文件的时候： 举例： 1 <!DOCTYPE ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值