ng文件跨域上传错误
ng-file-upload cross domain error
当我使用这样的简单javascript请求时,我可以通过邮递员甚至通过我的应用程序发布一个基于64编码的图像:
var data= "userPhoto=data%3Aimage%2Fjpeg%3Bbase64%2C%2F9j%2F4AAQSkZJRgABAQEAS ................(image data) Rd1bbfc2B%2FdDXGWxWHtA2N6NrL%2BLNf6wIa92a5m5v2s0c7tObhgdJMdV6Rm4mt7YkqukTMsv2vVsgl5j73tQasFOHYMP3nqf%2F%2FZ";
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function () {
if (this.readyState === 4) {
console.log(this.responseText);
}
});
xhr.open("POST", "http://localhost:8000/test2");
xhr.setRequestHeader("cache-control", "no-cache");
xhr.setRequestHeader("postman-token", "b98cbdf1-8918-b8fb-6b50- a626c301cffc");
xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
xhr.send(data);
但是当我使用从ng文件复制的简单代码上传时
HTML:
<div class="button" ngf-select ng-model="file" name="file" ngf-pattern="'image/*'" ngf-accept="'image/*'" ngf-max-size="20MB" ngf-min-height="100" ngf-resize="{width: 100, height: 100}">Select</div>
脚本:
var app = angular.module('fileUpload', ['ngFileUpload']);
app.controller('MyCtrl', ['$scope', 'Upload', function ($scope, Upload) {
// upload later on form submit or something similar
$scope.submit = function() {
if ($scope.form.file.$valid && $scope.file) {
$scope.upload($scope.file);
}
};
我得到一个跨域错误:
XMLHttpRequest无法加载"url"。跨源请求仅支持以下协议方案:http、data、chrome、chrome扩展、https、chrome资源扩展。
基本上,我已经尝试了所有不同的组合,从实际场景到简化版本,再到网站上最基本的用例。只有我或角度误差真的很令人沮丧,因为中间有这么多层。C#绝对不是那么难
好的,想明白了。在上传功能中,我使用了整个URL http://localhost:8000/test1
,但我应该只使用/test1
$scope.upload = function (file) {
Upload.upload({
url: '/test1',
data: {'userPhoto':file}
}).then(function (resp) {
console.log('Success ' + resp.config.data.file.name + 'uploaded. Response: ' + resp.data);
}, function (resp) {
console.log('Error status: ' + resp.status);
});
};
相关文章:
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- CKFinder 3为所选文件返回错误的URL
- 生成pdf或其他非html文件时的错误处理
- 有什么“;错误的”;将javascript放在asp.net表单上,而不是放在单独的文件中
- 导致内容安全策略(CSP)冲突错误的本地jquery.js文件
- 从安卓设备将图像上传到服务器时,文件扩展名错误
- 在量角器中创建一个.txt错误输出文件是手动的,而不是控制台错误
- 输入类型文件的未捕获类型错误
- 使用ajax上传的文件返回错误,但使用c#在asp.net的服务器端正常提交的文件
- 如何使用JavaScript粘贴原始二进制文件而不出现“无效字符”错误
- 放大弹出生成“;找不到文件”;YouTube视频的错误
- 在页面对象文件中验证sendKeys结果会导致未定义的错误(Protractor)
- 在浏览器中打开文本文件-服务器上出现错误
- IE 9 BHO插件.加载外部JS文件时出现错误SCRIPT1014
- 使用SeleniumWebdriver将文本复制到文件时出现编译错误的解决方案
- 使用.htaccess压缩文件时出现500错误
- 文件上传长度错误 (..文件长度)
- HAproxy:OPTIONS和POST方法的不同503错误文件
- 为什么ajax调用中的错误文件路径会杀死整个javascript文件
- JW播放器载入媒体错误:文件无法播放