diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.html b/src/app/components/amb-imagenes/amb-imagenes.component.html
index ab453db..2de8722 100644
--- a/src/app/components/amb-imagenes/amb-imagenes.component.html
+++ b/src/app/components/amb-imagenes/amb-imagenes.component.html
@@ -51,7 +51,7 @@
                   <img
                     *ngIf="item.fromGallery"
                     class="fade-in img-fluid w-100"
-                    src="{{item.imagen}}">
+                    src="{{item.base64}}">
                   <button
                     (click)="deleteImage(articulo.imagenes, index)"
                     type="button"
diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.ts b/src/app/components/amb-imagenes/amb-imagenes.component.ts
index 49a418d..bc153d3 100644
--- a/src/app/components/amb-imagenes/amb-imagenes.component.ts
+++ b/src/app/components/amb-imagenes/amb-imagenes.component.ts
@@ -38,20 +38,23 @@ export class AmbImagenesComponent implements OnInit {
 
       this.onLoad(file)
         .then(result => {
-
-          articulo.imagenes.push({
-            name: file.name,
-            fromGallery: true,
-            imagen: result,
-            id_articulo: articulo.id
-          });
-
-          this.saveInBase({
-            name: file.name,
-            base64: result,
-            codigo: articulo.CodArt,
-            sector: articulo.CodSec
-          });
+          // articulo.imagenes.push({
+          //   name: file.name + articulo.CodArt + articulo.CodSec,
+          //   fromGallery: true,
+          //   imagen: result,
+          //   id_articulo: articulo.id
+          // });
+          let imagenAguardar = {
+            imagen: {
+              name: `${articulo.CodSec}${articulo.CodArt}${file.name}`,
+              base64: result,
+              codigo: articulo.CodArt,
+              sector: articulo.CodSec,
+              id_articulo: articulo.id
+            },
+            articulo: articulo
+          };
+          this.saveInBase(imagenAguardar);
         });
     })
   }
@@ -65,12 +68,13 @@ export class AmbImagenesComponent implements OnInit {
     });
   }
 
+  saveInBase(imagenAguardar) {
 
-  saveInBase(img) {
-
-    this.productoService.saveInBase(img)
-      .subscribe(data => {
-
+    this.productoService.saveInBase(imagenAguardar.imagen)
+      .subscribe(res => {
+        imagenAguardar.imagen['id'] = res[0];
+        imagenAguardar.imagen['fromGallery'] = true;
+        imagenAguardar.articulo.imagenes.push(imagenAguardar.imagen);
       }, error => console.error(error));
   }