estoy desarrollando un sistemas de ventas con angular 5 en el forntend y el backend con angular 5, y necesito enviar al backend una imagen que subo median angular 5 pero al parecer no llega nada es es el codigo.
este es mi productoComponet donde recibo los datos de productoComponet.html
export class ProductoNComponent implements OnInit {
titulo: string;
public ima: string = '../../../assets/imagenes/ima.jpg';
public identity;
public token;
producto: Producto;
public archivo: File = null;
constructor(
private _route: ActivatedRoute,
private _router: Router,
private CrearProducto: ServicioUser,
private ProductosGuardar: ServicioProducto
) {
this.titulo = 'Crear Producto';
this.identity = CrearProducto.getIdentity();
this.token = CrearProducto.getToken();
}
ngOnInit() {
console.log(this.identity);
if (this.identity == null) {
console.log('si redirecciono');
this._router.navigate(['login']);
} else {
this.producto = new Producto(1, '', '', 0, null, null);
console.log('no redirecciono');
}
}
este es mi servicio que envia los datos a larevel
export class ServicioProducto {
ulr: string;
constructor(
public _http: HttpClient
) {
this.ulr = GLOBAL.url;
}
registroProducto(producto, file: File, token): Observable<any> {
let json = JSON.stringify(producto);
let params = new FormData();
params.append('json', json);
params.append('file', file);
params.append('fileName', file.name);
params.append('Authorization', token);
let json1 = JSON.stringify(producto);
console.log(file.name);
console.log(json1);
return this._http.post(this.ulr + 'producto', params);
}
prueba(producto) {
let json = JSON.stringify(producto);
return json;
}
}