ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сохранить картинку из <img> на компьютер клиента?
8 сообщений из 8, страница 1 из 1
Как сохранить картинку из <img> на компьютер клиента?
    #39256842
афанасийиванович
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
афанасийиванович
Гость
Здравствуйте, есть тег
Код: html
1.
<img id="code">

, в атрибут
Код: html
1.
SRC=""

, c помощью BASE64, автоматически генерируется изображение. Как сохранить эту картинку программно на компьютер пользователя?
Делаю так:
Код: javascript
1.
2.
3.
4.
5.
$('#save_but').click(function() {
var img = document.getElementById('bar');
img.src =$('#bar').attr('src');
window.location.href = img.src.replace('image/png', 'image/octet-stream');
});


Но сохраняется файл без имени и формата, который, конечно же, можно переименовать в img.png и он откроется. Но пользователь, ясно понятно, этого делать не будет.
Как можно сохранить файл хотябы с указанием формата?
...
Рейтинг: 0 / 0
16.06.2016, 10:04
| Ответить | Цитировать | Написать  
Как сохранить картинку из <img> на компьютер клиента?
    #39256889
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
афанасийиванович,

правфй клик мышки на картинке и выбераем Save picture
...
Рейтинг: 0 / 0
16.06.2016, 10:49
| Ответить | Цитировать | Написать  
Как сохранить картинку из <img> на компьютер клиента?
    #39256896
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Ну а программно автоматом на комп пользователя? проблематично. может небольшую примочку для браузера забацать
...
Рейтинг: 0 / 0
16.06.2016, 10:53
| Ответить | Цитировать | Написать  
Как сохранить картинку из <img> на компьютер клиента?
    #39256907
афанасийиванович
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
афанасийиванович
Гость
Areostar, в том то и дело, что заказчик требует скачивать через кнопку :) автоматом не нужно, нужно нажать на кнопку и сохранить картинку, которая храниться в src...
...
Рейтинг: 0 / 0
16.06.2016, 11:01
| Ответить | Цитировать | Написать  
Как сохранить картинку из <img> на компьютер клиента?
    #39257263
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
афанасийивановичнужно нажать на кнопку и сохранить картинку, которая храниться в src...
Это противоречит политике безопастности. JS не имеет доступа к дисковым ресурсам клиента...
...
Рейтинг: 0 / 0
16.06.2016, 16:55
| Ответить | Цитировать | Написать  
Как сохранить картинку из <img> на компьютер клиента?
    #39257281
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
krvsaафанасийивановичнужно нажать на кнопку и сохранить картинку, которая храниться в src...
Это противоречит политике безопастности. JS не имеет доступа к дисковым ресурсам клиента...
+1

афанасийиванович,
любую кнопку можно потом повесить на onLoad page
Представьте что будет, если на сайтах появится эта шняга по автоматической закачке.
...
Рейтинг: 0 / 0
16.06.2016, 17:18
| Ответить | Цитировать | Написать  
Как сохранить картинку из <img> на компьютер клиента?
    #39257350
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
по кнопке -
обратиться за файлом к серверу,
пущай вернёт Content-Disposition: attachment; filename="bla-bla.jpg"
просить открыть в новом окне

если картинка сформирована на клиенте и сервер о ней ничего не знает - по той же кнопке запостить картинку серверу.
...
Рейтинг: 0 / 0
16.06.2016, 18:39
| Ответить | Цитировать | Написать  
Как сохранить картинку из <img> на компьютер клиента?
    #39257367
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
есть и менее радикальные средства - https://github.com/eligrey/FileSaver.js/blob/master/FileSaver.js

говнокод сохранения -
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
function saveImage(img,fn){
 var c = document.createElement('canvas');
 c.width = img.naturalWidth;
 c.height= img.naturalHeight;
 var ctx=c.getContext("2d");
 ctx.drawImage(img,0,0);
 c.toBlob(function(blob) {  saveAs(blob, fn);});
}
...
Рейтинг: 0 / 0
16.06.2016, 19:40
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сохранить картинку из <img> на компьютер клиента?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]