리액트 이미지 url을 이용하여 사용자 pc 특정 경로에 이미지 파일을 다운로드 하고 싶은데 어떤 라이브러리를 참고해야 하나요...?

Question

처음에는 a태그를 이용하여 쉽게 다운받을수 있다 하여 아래와 같은 방식을 사용했습니다. 클릭시 다운로드가 아니라 새탭에 해당 사진이 뜨는게 끝이다보니... 다른 방법을 찾아봤습니다.file-saver 라는 라이브러리를 설치, 이후 saveAs라는 함수를 사용하면 다운로드 된다길래 그것역시 적요해보았습니다...const onSave = () => { saveAs(ImageUrl, "test1"); }이거 역시 새탭에 해당 url의 사진이 떠오르는게 다입니다...이후 blob라던지 이것저것 시도해보다가마지막에는 한 블로그를 참고하여 자바로 구현을 시도했습니다. 그러나 아래의 방식은 void를 사용하다보니 예상대로 서버측 pc 내에 저장되더군요.클라이언트를 이용하는 이용자의 pc에 해당 url을 jpg나 png 같은 이미지 파일로 변환하여 특정 폴더에 다운로드 시키고 싶은데 방법을 못찾아 질문드립니다.

defult · Answer

웹은 사용자의 로컬영역에 직접접근을 허가하지않습니다.표준에서 하지 말라는 영역이므로 이것을 라이브러리 적으로도 제공을 안하며 방법들도 토론되지않습니다.어디까지나 다운로드라는 동작은 사용자의 선택에 의해서 브라우저에 설정된 방법대로 브라우저를 경유되서 다운로드처리 되어야합니다.이런 웹표준이 허가해주는 영역을 벗어난 접근을 원하시는경우 사용자PC에 프로그램을 설치시켜서 그 프로그램과 통신을 하는것으로 사용자 로컬환경을 조작하셔야합니다

리액트 이미지 url을 이용하여 사용자 pc 특정 경로에 이미지 파일을 다운로드 하고 싶은데 어떤 라이브러리를 참고해야 하나요...?

1개의 답변

Q&A 목록