博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
FormData解决ajax上传文件的问题及ajax跨域
阅读量:6691 次
发布时间:2019-06-25

本文共 752 字,大约阅读时间需要 2 分钟。

hot3.png

通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据,因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ,则通过FormData传输的数据格式和表单通过submit() 方法传输的数据格式相同

Html代码部分

javaScript

var formData = new FormData();  	formData.append('file',document.getElementById("fileupload").files[0]);  	formData.append('test','test23333');	$.ajax({		url: "http://192.168.199.100:8080/api/file/upload",		type: "POST",		data: formData,		contentType: false,		processData: false,		dataType: "json",		success: function(result){			if (result){			}		}	});

在服务器端(提供接口)设置

response.setHeader("Access-Control-Allow-Origin", "*");response.setHeader("Access-Control-Allow-Methods", "POST,GET");

这样就可以简单解决跨域问题

转载于:https://my.oschina.net/watsonos/blog/1632361

你可能感兴趣的文章
flex 布局收藏!
查看>>
移动端触摸事件简介
查看>>
layload
查看>>
关于reactjs的props和state之间的区别
查看>>
java子接口方法覆盖父接口方法的思考
查看>>
python是否需要每行以分号结束
查看>>
575. Distribute Candies
查看>>
hdu 1709 The Balance
查看>>
条件语句实例
查看>>
DWH - 自动化监控BI系统的存储空间
查看>>
10.25 AHSOFNU 校内模拟
查看>>
全球首发免费的MySql for Entity Framework Core
查看>>
2018年美国大学生数学建模竞赛(MCM/ICM) F题解题思路
查看>>
LeetCode: 29. Divide Two Integers (Medium)
查看>>
类对象加括号与不加括号
查看>>
[译]Chipmunk教程 - 4定义球体body和shapes
查看>>
EasyUI 常规用法
查看>>
PinnedListView分析一
查看>>
selenium webdriver 学习笔记(二)
查看>>
GridView数据绑定控件的模版列时设置显示的格式
查看>>