小编hem*_*123的帖子

我知道这是一个普遍的问题,但我没有在Angular 2上传文件.我试过了

1)http://valor-software.com/ng2-file-upload/和

2)http://ng2-uploader.com/home

......但失败了.有人在Angular上传过文件吗？你用了什么方法？怎么办？如果提供任何示例代码或演示链接,我们将非常感激.

这是我为角度2制作的项目所做的文件夹结构.我删除了Node-Module文件夹和其他文件夹,以便在此处使用.对于造型我只使用了Bootstrap.我没有使用过Angular-CLI.任何人都可以指导我如何部署它？我应该使用gulp吗？我的步骤应该是什么.我在stackoverflow上经历了很多答案,但都使用了GULP和CLI.是否必须同时使用两者,如果是这样,请指导如何实现部署.遗憾的是,在Anular2官方网站上没有提到有关部署的内容.欢迎任何帮助,指导和建议.

|--app
|   |-- logo.png
|   |-- components
|   |   |-- main.component.ts
|   |   |-- config.component.ts
|   |   |-- download-resources.component.ts
|   |   |-- header-footer.component.ts
|   |   |-- licence.component.ts
|   |   |-- menu-bar.component.ts
|   |   |-- process-status.component.ts
|   |   |-- release-history.component.ts
|   |   |-- upload-release.component.ts
|   |   `-- version.component.ts
|   |-- main
|   |   `--module.ts
|   |-- main.ts
|   |-- models
|   |   |-- config.model.ts
|   |   |-- meta-info.model.ts
|   |   |-- process-status.model.ts
|   |   `-- version.model.ts
|   |-- services
| …

我正在将应用程序写入Angular并且必须上传文件.网络显示状态:200但没有响应,我的后端没有收到任何文件.

问题是.. 1.为什么请求方法是选项？(CO​​RS可能与此有关!但我已经在另一台机器上进行了测试,其中CORS不是问题,因为它在同一端口上)

2.使用文件上传代码时如何将Content-Type从text/plain更改为multipart/form-data？

3. 在使用http://valor-software.com/ng2-file-upload/或http://ng2-uploader.com/docs代码的文件上传代码时,我在哪里定义标题或内容类型

这是使用文件上传器时来自浏览器的网络报告:

Request URL:http://localhost:5000/clari5-cc/rest/1.0/installation/upload
Request Method:OPTIONS
Status Code:200 OK
Remote Address:[::1]:5000
Response Headers
view source
Allow:POST, OPTIONS
Content-Type:text/plain
Request Headers
view source
Accept:*/*
Accept-Encoding:gzip, deflate, sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:
Access-Control-Request-Method:POST
Connection:keep-alive
Host:localhost:5000
Origin:http://evil.com/
Referer:http://localhost:3000/

但我的旧运行应用程序曾经在网络响应中获取此数据:我可以看到一个显着的差异.

Request URL:http://localhost:5000/try/rest/1.0/installation/upload
Request Method:POST
Status Code:200 OK
Remote Address:[::1]:5000
Response Headers
view source
Content-Type:application/json
Transfer-Encoding:chunked
Request Headers
view source
Accept:application/json, text/javascript, */*; q=0.01
Accept-Encoding:gzip, deflate
Content-Type:multipart/form-data; boundary=----        WebKitFormBoundaryB06sfkK4FgTODz0F
Cookie:Webstorm-e27c5fb2=42da3160-45c3-490c-a5d9-b0ed07b63022
Host:localhost:5000
Origin:http://evil.com/
Referer:http://localhost:5000/try/mainPage.html
Request Payload
------WebKitFormBoundaryB06sfkK4FgTODz0F
Content-Disposition: form-data; name="uploadedFiles"; …

我是Angular 2的新手.我正在尝试上传文件.为此,我正在使用http://ng2-uploader.com.我已经阅读了他们的文档和README文件并执行了所有说明,但我在浏览器中收到此错误:

 GET http://localhost:3000/ng2-uploader 404 (Not Found)
(SystemJS) XHR error (404 Not Found) loading http://localhost:3000/ng2-uploader(…)

在彻底搜索之后,我发现我们需要在systemjs.config.js中添加包

所以我的旧文件是:

map: {
  // our app is within the app folder
  app: 'app',
  // angular bundles
  '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
  '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
  '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
  '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
  '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
  '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
  '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
  '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
  // other libraries
  'rxjs':                      'npm:rxjs',
  'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
},
// packages tells the System loader how to load when no filename and/or no extension
packages: {
  app: {
    main: …