타사 서버에서 이미지 다운로드 버튼

Question

어떤 브라우저에서든 이미지가 보이면 해당 이미지를 마우스 오른쪽 버튼으로 클릭하고 "다른 이름으로 저장"을 클릭하여 다운로드할 수 있습니다.

이미지 다운로드 버튼을 만들려고 합니다

다운로드 버튼은 위의 이미지, 바코드를 다운로드 해야 합니다.

반응을 사용하고 있는데 이것이 답변과 관련이 있는지 확실하지 않습니다.

<a/> 标签与 download 속성을 함께 사용할 수 있다는 내용을 읽었지만 저는 Firefox를 사용하고 있는데 바코드 이미지를 호스팅하는 페이지로 리디렉션되고 다운로드 창이 열리지 않습니다.

코드는 매우 간단하며 다음과 같습니다:

으아아아

MDN 문서에서:

다운로드는 동일한 원본 URL 또는 blob: 및 데이터에서만 작동합니다. 계획.

이것을 구현하고 싶은데 어떻게 해야 하나요? 이미지를 호스팅하는 서버를 소유하고 있지 않습니다.

2023년에도 할 수 있을까?

다른 문제는 로컬 이미지와 다른 서버에서 호스팅되는 이미지가 혼합되는 것입니다. 그래서 저는 제3자 서버의 이미지에만 관심이 있는 분들을 위해 이 스레드를 만들겠다고 생각했습니다. - 여기서 우리는 모두 프론트엔드이고 백엔드와 관련된 것은 없습니다.

Answer 1

귀하의 질문은 이 오래된 질문과 관련된 것 같습니다.

브라우저가 내부적으로 파일을 처리하려고 시도하지 않도록 파일을 첨부 파일로 설정하려면 서버에 Content-Disposition 헤더를 보내야 합니다.

다음을 참조하세요: href 이미지 링크를 클릭하여 다운로드하세요