프런트 엔드 비 동종 이미지 다운로드

다음 매일 개발 이후, 종종 회사의 이미지 서버가있다. 프런트 엔드 요구 사항 다운로드 사진을 달성 할 때 종종 비 상동 문제가 있습니다.

기본적 대신에 다운로드하여 비 동일한 목적의 사용 다운로드 미리보기 속성입니다.

이미지 서버가 종종 크로스 도메인을 허용, 그래서 우리는 방법을 여기에 있기 때문에 아약스 다음으로, 요청을 얻을 사진을 BLOB 파일을 취득하고,

window.URL.createObjectURL

(또는 BLOB 파일 URL이 IMG 수있는 바와 같이, 비디오, 오디오 인식이 표시되는 URL을 읽을 수 있도록 설계)

1 개  기능 downloadImg (SRC, 이름) {
 2          VAR X 축 = 새로운 새로운 는 XMLHttpRequest (); 
　　　　　　　// 비활성화 브라우저 캐시, 그렇지 않으면 오류가 도메인에서보고됩니다은
 3          x.open ( "GET", SRC는 + + '? t =' 새로운 새로운 날짜를 () .getTime () 에 해당하는 )
 . 4          x.responseType = 'BLOB' ]
 . 5          x.onload = 함수 (E) {
 . 6              VAR의 URL = window.URL.createObjectURL (x.response)
 . 7              VAR의 A = document.createElement ( 'A' )
 . 8              a.href = URL
 . 9              a.download = 이름
 10             a.click ()
 11          }
 12          x.send ();
13      }

<A HREF = "자바 스크립트 :;" ID = "다운로드"onclick을 = 'downloadImg (URL, 이름)'> 下载 </a>를