신형준의 기술 블로그 신형준의 기술 블로그

File

• 이미지 리사이즈 input (image input 리사이즈)

  프론트엔드/Vue 2022. 10. 15. 12:19

  # What? 이미지 업로드 시 파일 용량을 줄이고 싶을 때 # How? @ InputResizeImg.vue 파일 선택 @ 사용할 컴포넌트.vue

  Read More

• 여러 파일 | 이미지 input 만들기 (여러 이미지)

  프론트엔드/Vue 2022. 8. 31. 13:52

  # What? 파일을 여러개 업로드할 때 쓰는 input # How? 1. 백엔드 준비 - 모델에서 File Attribute [파일명, url, 파일타입] 내보내도록 설정하기 @ User.php // 단일파일 public function getImgAttribute() { if($this->hasMedia('img')) { $media = $this->getMedia('img')[0]; return [ "id" => $media->id, "name" => $media->file_name, "url" => $media->getFullUrl() ]; } return null; } // 복수파일 public function getImgsAttribute() { $items = []; if($this->has..

  Read More