2013-07-29 5 views
-3

Iam пытается создать OnClick изображение ссылку для загрузки, когда пользователь нажимает на кнопку/ссылку, он должен получить возможность скачатьOnClick Image Downlod Ссылка

здесь мой код ниже

<form> 
<input type="button" value="download" onClick="window.location.href='http://myimagelink.com'" > 
</form> 

не конечно, почему это не работает какие-либо идеи, чтобы исправить это?

+0

Вам не нужна форма, только якорь тег и использовать источник изображения для атрибута SRC .. – designtocode

+0

Пожалуйста, напишите, какой файл вы хотите, чтобы загрузить как. pdf, png.jpeg, doc ..etc. – Prasannjit

+1

Пожалуйста, см. Это должно ответить на ваш запрос - http://stackoverflow.com/questions/6796974/force-download-an-image-using-javascript –

ответ

-1

это работает хорошо для меня ..

<a href="http://dummyimage.com/600x400/000/fff.png" download>Download this image</a>

1

Этот код не будет работать, потому что вы добавили s в конец window.

Для этого вы должны использовать обычный <a href="">.

Чтобы запустить загрузку вместо того, чтобы изображение отображалось в окне браузера, вам необходимо использовать the Content-Disposition HTTP header, чтобы пометить его как вложение.

например. с конфигурацией Apache:

<IfModule mod_headers.c> 
    <FilesMatch "\.jpeg$"> 
     Header set Content-Disposition "attachment" 
    </FilesMatch> 
</IfModule> 

Там нет разумного способа использовать JavaScript для этого (хотя, я полагаю, вы могли бы использовать XMLHttpRequest для загрузки изображения, генерировать data: схемы URI из этого, а затем установить location.href к этому URI в то время как лежащий о типе контента).