세트 다운로드 동적 이미지

Question

나는 아래의 코드 페이지에 사이트에서 이미지의 긴 목록을 표시하고있어 표시에 대한 속성. 이드는 다운로드 이미지 HTML5을 사용하여 각 이미지를 클릭하면 다운로드 할 수 있습니다.

는 여기에 내가 무엇을 시도했다입니다 :

for (var i = 0; i<arlnData.d.length;i++) { 
     var img = document.createElement('img'); 
     img.src = "https://images.website.com/airvendors/airlines_"+arlnData.d[i].Code+".gif"; 
     img.download ="my image"; 

     //also tried: 
     //img.src = "https://images.website.com/airvendors/airlines_"+arlnData.d[i].Code+".gif"; 
     document.body.appendChild(img); 

     var imageCellspace=document.createElement('br'); 
     document.body.appendChild(imageCellspace); 
} 

이미지가 잘 표시되지만 나던 작업을 다운로드를 클릭합니다.

올바른 구문은 여기에 무엇입니까?

Answer 1

이 함께 시도 :

for (var i = 0; i<arlnData.d.length;i++) { 
     var img = document.createElement('img'); 
     img.src = "https://images.website.com/airvendors/airlines_"+arlnData.d[i].Code+".gif"; 

     var a = document.createElement('a'); 
     a.href = img.src; 
     a.download = 'image.gif'; 

     a.appendChild(img); 

     document.body.appendChild(a); 

     var imageCellspace=document.createElement('br'); 
     document.body.appendChild(imageCellspace); 
} 

download 속성은하지 img를 들어, a입니다. documentation을 확인하십시오.

Answer 2

download 속성은 앵커 전용이므로 <a>에 <img>을 싸야합니다.

var img = document.createElement('img'); 
img.src = "https://images.website.com/airvendors/airlines_"+arlnData.d[i].Code+".gif"; 

var a = document.createElement('a'); 
a.href = img.src; 
a.download = "My image name"; 

a.appendChild(img); 
document.body.appendChild(a); 

See MDN for reference!