关于JS跨域上传文件的问题

哈哈哈尔滨小子 2018-08-18 09:02:03
JS代码:
var url = "http://www.xxxx.com/xxxx/api/public/a.ashx";
var form = new FormData();
for (var i = 0; i < filecount; i++) {
var fileObj = document.getElementById('upload').files[i];
form.append('myfile', fileObj);
form.append('filename', fileObj.name);
}
form.append("folder", "../../../uploadfiles/factory/");
form.append("userId", userid);

let xhr = new XMLHttpRequest();
xhr.open("post", url, true);
// xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.withCredentials = false;
xhr.onload = uploadComplete; //请求完成
xhr.onerror = uploadFailed; //请求失败
xhr.upload.onprogress = progressFunction;//进度
xhr.send(form);

报如下错误:

Failed to load http://www.xxxx.com/xxx/api/public/xxxx.ashx: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.xxx.com' is therefore not allowed access.

但是我把 xhr.upload.onprogress = progressFunction;//进度 这句进度条代码删掉就不会报错了,不知道是什么原因。
看哪位遇到过,谢谢。
...全文
446 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
丰云 2018-08-20
  • 打赏
  • 举报
回复
hookee 2018-08-20
  • 打赏
  • 举报
回复
http://www.xxxx.com/要支持跨域上传 http头设置了 Access-Controll-Allow-XXXXX 具体设置可百度一下跨域上传

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧