在上述代码中,通过监听表单的submit事件,创建了一个FormData对象,并将表单数据添加到其中。然后使用JQuery的ajax方法发送POST请求,将FormData对象作为请求数据发送到服务器端。需要注意的是,设置了processData和contentType为false,以确保JQuery不会对FormData对象进行处理。 对于文件未添加到POST请求的问题,可以通过检查表单中...
$('#btnUpload').on('click',function() {varfiles=$('#file1')[0].filesif(files.length<=0) {returnalert('请选择文件后再上传!') }varfd=newFormData() fd.append('avatar', files[0])//发起 jQuery 的 Ajax 请求,上传文件$.ajax({ method:'POST', url:'http://www.liulongbin.top:3006...
此时即便发送的是json格式的数据,默认情况下,jquery的ajax也会把他转为查询字符串的形式(可以通过修改ajax参数修改),以FormData的形式发送出去。 2.不指定contentType的时候,如果controller中的方法签名比较简单,那么即便是FormData形式的数据也能由MVC的命名匹配规则获取到数据。 3.指定contentType为'application/json'时...
要使用ajax发送FormData对象,可以将FormData对象作为data属性传递给ajax方法。例如: $.ajax({url:'example.php',type:'POST',data:formData,processData:false,// 必须设置为false,否则会将FormData对象转换为查询字符串contentType:false,// 必须设置为false,否则jQuery会设置默认的Content-Type头信息success:function(da...
jQueryAjax 请求入参FormData 下面是Jquery中AJAX参数详细列表: 代码: $(document).ready(function() { jQuery("#clearCac").click(function() { jQuery.ajax({ url: "/Handle/Do.aspx", type: "post", data: { id: '0' }, dataType: "json",...
formData.append('file', $('#file')[0].files[0]); $.ajax({ url: '/upload', type: 'POST', cache: false, data: formData, processData: false, contentType: false , success:function(res){ }, error:function(res){ } }); append()的第二个参数应是文件对象,即$('#file')[0].files[...
这里使用混淆了。 jQuery的ajax()方法发送的数据默认是序列化后的字符串,FormDate方法是一组键值对,所以不一样。 你可以通过设置jQuery ajax的一些属性来实现和你封装后一样的格式; 参考:
log(files[0]); formData.append("file", files[0]); $.ajax({ url: "/FileUpload/FileLoad/", type: 'POST', data: formData, async: false, dataType: "json", // 告诉jQuery不要去处理发送的数据 processData: false, // 告诉jQuery不要去设置Content-Type请求头 contentType: false, beforeSend...
使用FormData,进行Ajax请求并上传文件 这里使用JQuery,但是老版本的JQuery比如1.2是不支持的,最好使用2.0或更新版本: Html代码 <formid="uploadForm">指定文件名:上传文件:</ p> AI代码助手复制代码 Js代码 functiondoUpload(){varformData =newFormData($("#uploadForm")[0]); $.ajax({url:'http://localhost...
type: 'POST', cache: false, data: formData, processData: false, contentType: false }).done(function(res) { }).fail(function(res) {}); 这里有几处不一样: append()的第二个参数应是文件对象,即$('#file')[0].files[0]。 contentType也要设置为‘false'。 从代码$('#file')[0].files[...