2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > ajax 文件上传 跨域 FormData解决ajax上传文件的问题及ajax跨域

ajax 文件上传 跨域 FormData解决ajax上传文件的问题及ajax跨域

时间:2023-08-26 11:41:41

相关推荐

ajax 文件上传 跨域 FormData解决ajax上传文件的问题及ajax跨域

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

Html代码部分

upload

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");

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。