在localhost:4200中实现ng2文件上载时,我应该在哪里创建uploads文件夹并放置upload.php

在localhost:4200中实现ng2文件上载时,我应该在哪里创建uploads文件夹并放置upload.php,php,angular,file-upload,Php,Angular,File Upload,我已经在我的服务器上实现了ng2文件上传 它要求一个API URL,我已经提供了它。一切都像预期的那样在线工作。但我想在本地运行它,以便进一步实现 这是我的上载api URL: const URL = 'http://example.com/v8/products-api/upload2.php'; 在upload2.php中,路径为$path='uploads/' 我的问题是,我应该在哪里创建这个文件夹,我应该把这个php文件放在哪里 我无法从http:localhost:4200将文件上载

我已经在我的服务器上实现了ng2文件上传

它要求一个API URL,我已经提供了它。一切都像预期的那样在线工作。但我想在本地运行它,以便进一步实现

这是我的上载api URL:

const URL = 'http://example.com/v8/products-api/upload2.php';
在upload2.php中,路径为
$path='uploads/'

我的问题是,我应该在哪里创建这个文件夹,我应该把这个php文件放在哪里

我无法从
http:localhost:4200
将文件上载到服务器,因为它会出现以下错误:

XMLHttpRequest无法加载http://funiks.com/adminv8/products-api/upload2.php. 对飞行前请求的响应未通过访问控制检查:当请求的凭据模式为“包括”时,响应中“访问控制允许来源”标头的值不得为通配符“*”。起源'http://localhost:4200因此,不允许访问。XMLHttpRequest启动的请求的凭据模式由withCredentials属性控制。


我的php包括
标题(“访问控制允许源代码:”

我不是PHP专家,因此我无法证明服务器的CORS配置。但是在阅读你得到的错误时,看起来你不能使用通配符,所以为什么不试着像这样设置你的头呢

标题('Access-Control-Allow-Origin:http://localhost:4200",假),

您还可以尝试使用Angular
Jsonp
库,而不是
Http
。这些函数将保持完全相同,但是这样做会带来一些安全问题


(请注意,如果您使用
Jsonp
库,只需将
&callback=Jsonp\u callback
添加到API url的末尾即可)

我不是PHP专家,因此无法证明服务器的CORS配置。但是在阅读你得到的错误时,看起来你不能使用通配符,所以为什么不试着像这样设置你的头呢

标题('Access-Control-Allow-Origin:http://localhost:4200",假),

您还可以尝试使用Angular
Jsonp
库,而不是
Http
。这些函数将保持完全相同,但是这样做会带来一些安全问题

(另外,如果您使用
Jsonp
库,只需在API url的末尾添加
&callback=Jsonp\u callback