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

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

ajax 文件上传跨域,FormData解决ajax上传文件的问题及ajax跨域相关推荐

如何解决PHP上传中文出错,如何解决php上传中文乱码的问题
php上传中文乱码的解决办法:首先在相应的文件中添加"enctype="multipart/form-data""方法:然后通过"iconv(&quo ...
iphone连上wifi却上不了网_路由器上不了网怎么解决路由器上不了网解决方法【详解】...
俗话说靠别人不如靠自己!其实遇到这种情况,只需要简单几步,你也可以自己搞定哦! ▼ 首先我们进入路由器界面(192.168.0.1)先查看WAN口连接状态,先确定你是哪种情况,再对症下药. 路由器WA ...
excel内容少却文件很大_(excel内容很少，文件却很大，怎么解决)excel表格数据少但是过大怎么办...
如何处理数据很少文件却很大的Excel表格有时面某无用列单元格出现时,会计算.(假如在zz128单元格误打一空格,是很难发现的,如果实际数据只有两列或比较少的列就会因为这一个空格占了很大的空间.)可 ...
fopen php 乱码,如何解决php fgets读取文件乱码的问题
如何解决php fgets读取文件乱码的问题,文件,乱码,简体中文,记事本,页面如何解决php fgets读取文件乱码的问题易采站长站,站长之家为您整理了如何解决php fgets读取文件乱码的问 ...
解决能上QQ不能上网页的批处理〖罗斌原创〗
解决能上QQ不能上网页的批处理[罗斌原创] 今天闲着没事就写个解决局域网里面有些电脑能上QQ却不能上网页的批处理来给大家用用,这个问题相信很多管理员都遇到过吧,我只是把我总结起来的经验和处理方法,写成 ...
Source Insight Win10上显示字体很模糊解决办法
Source Insight Win10上显示字体很模糊解决办法 Source Insight Win10上显示字体很模糊解决办法 1 打开文件所在位置 2 右键点击应用图标 3 然后点击" ...
python如何移动文件却不覆盖现有文件_解决python不能覆盖文件内容的方法
解决python不能覆盖文件内容的方法发布时间:2020-07-15 11:42:17 来源:亿速云阅读:62 作者:清晨这篇文章将为大家详细讲解有关解决python不能覆盖文件内容的方法,小编 ...
win7计算机管理缺失文件夹,win7电脑文件夹选项不见了怎么解决
最近有位win7系统用户反应,电脑当中的文件夹选项不见了,怎么都无法找到,这让用户很是苦恼,不知道怎么解决,其实文件夹选项不见了一般都是系统设置了某些规则策略导致的,那么win7电脑文件夹选项不见了怎 ...
通过Ajax方式上传文件(input file)，使用FormData进行Ajax请求
<script type="text/jscript">$(function () {$("#btn_uploadimg").click(funct ...

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

ajax 文件上传跨域,FormData解决ajax上传文件的问题及ajax跨域相关推荐

最新文章

热门文章

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

ajax 文件上传 跨域,FormData解决ajax上传文件的问题及ajax跨域相关推荐

最新文章

热门文章

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

ajax 文件上传跨域,FormData解决ajax上传文件的问题及ajax跨域相关推荐