본문 바로가기
카테고리 없음

[Vue.js] 모바일에서 File <input> 태그 사용 시 카메라 / 비디오 옵션 제거

by 전지적진영시점 2024. 2. 2.
반응형

개발 환경

---------------------------------

OS : Mac

개발 툴 : intelliJ 

개발 언어 : java

개발 프레임워크 : vue3

빌드 도구 : Gradle

---------------------------------

 

문제 상황 : 90%가 webView인 앱에서 모바일 기기 내 파일을 가져와 서버에 업로드해야한다.

 

<input @change="fileUpload" type="file" id="file">

 

이렇게 파일 찾기 input 태그를 넣으면 아래 옵션들이 다 뜬다.

 

1. 사진 보관함

2. 사진 또는 비디오 찍기 

3. 파일 선택

 

이때 2. 사진 또는 비디오 찍기 옵션을 제거하려면 ?

 

<input @change="fileUpload" type="file" id="file" accept="image/*" capture="none">

 

이렇게 아래 값을 추가했다.

 

accept="image/*" capture="none"

 

iOS 앱에서는 여전히 안된다.

 

모바일 내 웹뷰에서 기기의 카메라에 접근하는 것을 제한하기는 어려운 것 같다.

iOS 소스에서 카메라, 마이크 권한 설정을 받아야할것 같다.

반응형

댓글