如何使用PrimeNg從angular2上傳圖像到php服務器？

我app.component.ts代碼如何使用PrimeNg從angular2上傳圖像到php服務器？

import { Http, Response } from '@angular/http'; 
//import the do function to be used with the http library. 
import "rxjs/add/operator/do"; 
import {FileUploadModule} from 'primeng/primeng'; 
//import the map function to be used with the http library 
import "rxjs/add/operator/map"; 
import {AccordionModule} from 'primeng/primeng';  
import {MenuItem} from 'primeng/primeng';   //api 
@Component({ 
    selector: 'my-app', 
    template: '<p-fileUpload name="myfile[]" url="./upload.php"> </p-fileUpload>' , 
}) 
export class AppComponent { 
name = 'Angular'; 
}

我app.module.ts代碼

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { HttpModule } from '@angular/http' 
import { AppComponent } from './app.component'; 
import { FormSubmitionComponent } from "./components/form.component"; 
import {FormsModule} from "@angular/forms" 
import {AccordionModule} from 'primeng/primeng';  
import {MenuItem,FileUploadModule} from 'primeng/primeng';    
@NgModule({<br> 
    imports:  [ BrowserModule,FormsModule ,HttpModule,FileUploadModule], 
    declarations: [ AppComponent ,FormSubmitionComponent], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { }

代碼 https://www.primefaces.org/primeng/#/fileupload 當我運行它顯示

: XHR error (404 Not Found) loading http://localhost:3006/primeng/primeng 
<br> 
    Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3006/primeng/primeng 
    Error: XHR error (404 Not Found) loading http://localhost:3006/primeng/primeng 
     at XMLHttpRequest.wrapFn [as __zone_symbol___onreadystatechange] (http://localhost:3006/node_modules/zone.js/dist/zone.js:1056:39) 
     at ZoneDelegate.invokeTask (http://localhost:3006/node_modules/zone.js/dist/zone.js:424:31) 
     at Zone.runTask (http://localhost:3006/node_modules/zone.js/dist/zone.js:191:47) 
     at XMLHttpRequest.ZoneTask.invoke (http://localhost:3006/node_modules/zone.js/dist/zone.js:486:38) 
    Error loading http://localhost:3006/primeng/primeng as "primeng/primeng" from http://localhost:3006/app/app.module.js 
     at XMLHttpRequest.wrapFn [as __zone_symbol___onreadystatechange] (http://localhost:3006/node_modules/zone.js/dist/zone.js:1056:39) 
     at ZoneDelegate.invokeTask (http://localhost:3006/node_modules/zone.js/dist/zone.js:424:31) 
     at Zone.runTask (http://localhost:3006/node_modules/zone.js/dist/zone.js:191:47) 
     at XMLHttpRequest.ZoneTask.invoke (http://localhost:3006/node_modules/zone.js/dist/zone.js:486:38) 
    Error loading http://localhost:3006/primeng/primeng as "primeng/primeng" from http://localhost:3006/app/app.module.js

來源

2017-07-04 Midhilaj M

你也需要更新你的模塊：

import {FileUploadModule} from 'primeng/primeng'; 

@Module({ 
    // ... 
    imports: [FileUploadModule] 
})

來源

2017-07-04 07:55:57 trichetriche

新的錯誤GET HTTP：//本地主機：3006/primeng /組件/文件上傳/文件上傳404（未找到） –

你能upate您的文章，而不是複製粘貼錯誤的評論？這真的是不可讀的。 – trichetriche

如何解決http：// localhost：3006/primeng/primeng 404（Not Found）問題？ –

如何使用PrimeNg從angular2上傳圖像到php服務器？

回答

相關問題