, как я могу достичь следующих с кнопкой тега:Скачать картинку на кнопку мыши
<a id="download" href="a.jpg" download="a.jpg">Download</a>
PS: при нажатии на кнопку, он должен загрузить файл a.JPG и НЕ открыть его в браузере ,
Вы хотите, чтобы Content-Disposition: attachment; в бэкэнд. Для принудительного скачивания вам понадобится сценарий, который выдает изображения.
решение для современных браузеров
Со ссылкой изображения
<a href="a.jpg" download="imageName"><img src="images/a.jpg" alt="Image"/></a>
С текстом ссылки
<a href="a.jpg" download="imageName">Download Image</a>
Вы можете добавить атрибут download, который является новым в HTML5 и is supported by Firefox и Ch рим, но еще не IE или Opera:
<a id="download" href="a.jpg" download="a.jpg">Download</a>
Я хочу использовать тег кнопки. Поэтому я искал что-то вроде атрибута загрузки в теге кнопки. – donsalari
Ohhhh ... У меня была аналогичная проблема давным-давно (до того, как атрибут загрузки был потенциальным вариантом), поэтому я могу представить вашу ситуацию. К сожалению, элемент 'button' не является реальной ссылкой, поэтому для него не было бы смысла иметь атрибуты типа ссылки. Вам нужно будет использовать File API немного глубже, чтобы кнопка указывала на что-то * и * инициировала загрузку. Подумайте об этом, но как вы сейчас управляете переадресацией с помощью кнопки? – Anthony
<a href="test.png" download ><input type="button" id="btn1" onclick="saveAsImg(document.getElementById('chart_div'));" title="Download Png" /></a>
find parent of id="btn1"
like $("#btn1").parent().get(0).href=$("img1").src;
См http://stackoverflow.com/questions/2408146/href-image-link-download-on-click?lq=1 –
вы должны указать это на какую-то страницу php что-то вроде download.php? file = a.jpg, и на этой странице php необходимо установить заголовки для принудительной загрузки (так что php обрабатывает вывод в браузер), больше на google. –
ОК плохо попробуйте и вернитесь. – donsalari