clickable image with save as option

Question

Ive получил изображения на моем сайте. Я хотел бы создать функциональность, которая, если пользователь нажмет на это изображение, сохранит, как появится окно, и можно сохранить изображение.

я написал что-то вроде этого:

<a href="/foto1.png" target="_blank"> 
    <img src="/foto1.png" alt="" /> 
</a> 

И это работает, но открывает новую вкладку до пользователь щелкает сохранить или закрыть окно Сохранить как. Можно ли избавиться от новой вкладки?

Спасибо за любые предложения

Answer 1

Я хотел бы изменить свой след и включают в себя все изображения, которые вы хотите, сохраненные в одном контейнере, это, однако, будет работать только в IE я боюсь так:

<div id="imagesToSave"> 
    <a href="/foto1.png" target="_blank"> 
     <img src="/foto1.png" alt="" /> 
    </a> 
</div> 

Затем с JQuery использовать этот код:

$('#imagesToSave img').click(function(){ 
    document.execCommand('SaveAs',true,'file.html'); 
}); 

для других браузеров, которые вы, очевидно, хотят сделать думать об этом по Craig Stuntz:

гиперссылка на файл img и настройка заголовков содержимого и содержимого в ответ сервера. Попробуйте, например, application/x-download, а также другие заголовки, указанные здесь.

удачи