imagen de vista previa en ejemplo de código angularjs

Contamos con la mejor información que descubrimos en todo internet. Esperamos que te resulte útil y si quieres comentarnos algún detalle que nos pueda ayudar a crecer hazlo con total libertad.

Ejemplo 1: imagen de vista previa en angular 8

<form [formGroup]="uploadForm"(ngSubmit)="submit()"><!--SelectFile--><input type="file" accept="image/*"(change)="showPreview($event)"/><!--ImagePreview--><div class="imagePreview"*ngIf="imageURL && imageURL !== ''"><img [src]="imageURL"[alt]="uploadForm.value.name"></div><!--AssignImageAlt--><input formControlName="name" placeholder="Enter name"><button type="submit">Submit</button></form>

Ejemplo 2: imagen de vista previa en angular 8

importComponent,OnInitfrom'@angular/core';importFormBuilder,FormGroupfrom"@angular/forms";

@Component(
  selector:'app-file-upload',
  templateUrl:'./file-upload.component.html',
  styleUrls:['./file-upload.component.css'])exportclassFileUploadComponentimplementsOnInit
  imageURL: string;
  uploadForm:FormGroup;constructor(public fb:FormBuilder)// Reactive Formthis.uploadForm=this.fb.group(
      avatar:[null],
      name:[''])ngOnInit():void// Image PreviewshowPreview(event)const file =(event.targetasHTMLInputElement).files[0];this.uploadForm.patchValue(
      avatar: file
    );this.uploadForm.get('avatar').updateValueAndValidity()// File Previewconst reader =newFileReader();
    reader.onload=()=>this.imageURL= reader.resultas string;
    reader.readAsDataURL(file)// Submit Formsubmit()console.log(this.uploadForm.value)

Sección de Reseñas y Valoraciones

Al final de la página puedes encontrar las acotaciones de otros programadores, tú asimismo eres capaz insertar el tuyo si dominas el tema.

---

---

Utiliza Nuestro Buscador