อัพโหลดรูปหน้าจัดการสมาชิก

src/app/DPU/common/user-management/user-setting/user-setting.component.html

@@ -221,7 +221,7 @@
               <span class="avatar avatar-xxl avatar-rounded">
                 <img [src]="selectModel.getPicture()" alt="" id="profile-img">
                 <span class="badge rounded-full bg-primary avatar-badge">
-                  <input ng2FileSelect [uploader]="uploaderProfile" type="file" name="photo"
+                  <input (click)="triggerFileInput()" ng2FileSelect [uploader]="uploaderProfile" type="file" name="photo"
                     class="absolute w-full h-full opacity-[0]" id="profile-change">
                   <i class="fe fe-camera text-[.625rem]"></i>
                 </span>

src/app/DPU/common/user-management/user-setting/user-setting.component.ts

@@ -32,6 +32,7 @@ import { TokenService } from "../../../../shared/services/token.service";
 export class UserSettingComponent {
   @ViewChild('closeModal') public childModal?: ElementRef;
   @ViewChild('modalDetail') public modalDetail?: ElementRef;
+  @ViewChild('profileChangeInput') profileChangeInputRef!: ElementRef;
   action = "new";
   allSelected = false;
   someSelected = false;
@@ -68,7 +69,7 @@ export class UserSettingComponent {
 
   uploadConfig() {
     this.uploaderProfile = new FileUploader({
-      url: environment.baseUrl + "/api/upload-image",
+      url: environment.baseUrl + "/files/upload-image",
       isHTML5: true,
       authToken: this.tokenService.getToken()!,
     });
@@ -107,7 +108,7 @@ export class UserSettingComponent {
       if (item.isSuccess) {
         const res = JSON.parse(response);
         console.log("res", res);
-        this.selectModel.picture = res.filename
+        this.selectModel.picture = res.resultObject;
         swal(res.message, "บันทึกสำเร็จ", "success");
 
       } else {
@@ -301,5 +302,9 @@ export class UserSettingComponent {
   filterEmp(empId: string) {
     this.selectModel = this.empList.filter(e => e.candidateId == empId)[0]
   }
-
+  triggerFileInput(): void {
+    if (this.profileChangeInputRef) {
+      this.profileChangeInputRef.nativeElement.click();
+    }
+  }
 }