Окно сохранения файла в браузере

@Nikolay192 · Регистрация: 11.04.2018

Студворк — интернет-сервис помощи студентам

Здравствуйте, кто знает, какой метод или свойство отвечает за открытие в браузере модельного окна для сохранения скачиваемого файла?

@sad67man · 20.07.2018, 16:36

Nikolay192, Это устанавливается в настройках браузера. Через js на это никак не повлиять.

@kalabuni · 20.07.2018, 22:23

Сообщение от Nikolay192

модельного окна

а хрюндельное окно не интересует?
модельными могут быть агенства, обувь, стрижки, детские кружки в школах
окно может быть модальным, но это никак не ваш случай

@Nikolay192 · 21.07.2018, 11:35 **[ТС]**

Не по теме:

Сообщение от kalabuni

а хрюндельное окно не интересует?
модельными могут быть агенства, обувь, стрижки, детские кружки в школах
окно может быть модальным, но это никак не ваш случай

Прежде чем объяснить человеку где он ошибся и что он не правильно что-то назвал, обязательно нужно постебаться, а после уже указать на ошибку

@kalabuni · 21.07.2018, 22:27

Не по теме:

ладно, не обижайтесь

просто понтующиеся проффесора со своими "сайтами" вместо "страниц" и "модальными окнами" вместо "всплывающих контейнеров" несколько подзадолбали :)

@Nikolay192 · 21.07.2018, 23:14 **[ТС]**

Не по теме:

Сообщение от kalabuni

просто понтующиеся проффесора со своими "сайтами" вместо "страниц" и "модальными окнами" вместо "всплывающих контейнеров" несколько подзадолбали

Понимаю

@smokehawker · 26.07.2018, 22:59

@AlexZaw · 26.07.2018, 23:46

Сообщение от sad67man

Это устанавливается в настройках браузера. Через js на это никак не повлиять.

Чего это вдруг? Через костыли и подмены элементов можно запросто.

@sad67man · 27.07.2018, 00:17

AlexZaw, Вы хотите сказать, что js-ом можно повлиять на то, в какую папку сохранить файл, или через какую программу открывать? Саму форму может вы и сверстаете, но доступа к такому функционалу у вас нет.

@AlexZaw · 27.07.2018, 01:14

sad67man, Я хотел сказать только то, что сказал. А именно то, что можно вызвать стандартное диалоговое окно сохранения файла используя js. Все остальное это ваши домыслы

Вопрос ТС заключался именно в возможности открытия окна, и там ничего не говорилось про выбор папки или программы.

@sad67man · 27.07.2018, 01:18

AlexZaw, Ну и как это сделать?

@AlexZaw · 27.07.2018, 01:29

sad67man, взял готовый пример на jQuery, под нативный js переписывать лень, но принцип понятен

HTML5
1
<a href="#">Just click me.</a>

JavaScript
1
2
3
4
5
6
$("a").click(function() {
    var input = $(document.createElement('input')); 
    input.attr("type", "file");
    input.trigger('click');
    return false;
});

@Fedor Vlasenko · 27.07.2018, 01:32

Сообщение от sad67man

в какую папку сохранить файл

такой возможности нет, можно только имя файла указать (Js(blob), Php(header))

Сообщение от sad67man

через какую программу открывать

большинство типов ассоциаций расширений прописано в браузере
их также вы можете указать нужные способами выше
теперь к нашим баранам и скрином указанном в топике
Пример Js сохранения файла

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>File save</title>
</head>
<body>
<div id="content">My<br>custom<br>text</div>
<button id="save">сoхранить</button>
<script>
window.onload = function(){
    document.getElementById('save').onclick = function(){
      var a = document.createElement("a")
      a.setAttribute("href", "data:text/plain," + document.getElementById('content').innerHTML.replace(/<br>/g, encodeURIComponent("\r\n")));
      a.setAttribute("download", "filename.txt");
      a.click();
    };
};
</script>
</body>
</html>

Пример Php сохранения файла

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
header('Content-Encoding: UTF-8');
header('Content-type: text/csv; charset=UTF-8');
header( 'Content-Disposition: attachment;filename=demo.csv');
$fp = fopen('php://output', 'w');
$list = [
    ['aaa', 'bbb', 'ccc', 'dddd'],
    ['123', '456', '789'],
    ['aaa', 'bbb']
];
 
foreach ($list as $fields) {
    fputcsv($fp, $fields);
}
 
fclose($fp);

@sad67man · 27.07.2018, 02:53

AlexZaw, Это другое окно, имелось в виду окно, которое появляется при скачивании файла.

@sad67man · 27.07.2018, 03:08

AlexZaw, Вот пример настройки в хроме, о которой я говорил. Если ее выставить, то при скачивании файлов, будет выскакивать окно, приведенное автором темы, только там мазила.

@maxoun · 27.07.2018, 16:23

у JS нет такой возможности и не будет!!! В целях безопасности, не путайте палки, JS не имеет никакого отношения к этому, для сохранения файлов используется сам браузер.
JS не может получить доступ к ФС пользователя, это вам не PHP | PHYTON или что то в этом роде ( ну в серверном)

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@Nikolay192 1 / 1 / 2 Регистрация: 11.04.2018 Сообщений: 148

	Окно сохранения файла в браузере 20.07.2018, 16:17. Показов 16037. Ответов 15 Метки нет (Все метки) Здравствуйте, кто знает, какой метод или свойство отвечает за открытие в браузере модельного окна для сохранения скачиваемого файла? Миниатюры 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	20.07.2018, 16:36
	Nikolay192, Это устанавливается в настройках браузера. Через js на это никак не повлиять. 0

@kalabuni
	21.07.2018, 22:27
	Не по теме: ладно, не обижайтесь просто понтующиеся проффесора со своими "сайтами" вместо "страниц" и "модальными окнами" вместо "всплывающих контейнеров" несколько подзадолбали :) 0

@smokehawker 0 / 0 / 8 Регистрация: 17.10.2012 Сообщений: 289
	26.07.2018, 22:59
	<input type="file"/> 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	27.07.2018, 00:17
	AlexZaw, Вы хотите сказать, что js-ом можно повлиять на то, в какую папку сохранить файл, или через какую программу открывать? Саму форму может вы и сверстаете, но доступа к такому функционалу у вас нет. 0

@AlexZaw Модератор 2381 / 1741 / 677 Регистрация: 07.08.2016 Сообщений: 4,095
	27.07.2018, 01:14
	sad67man, Я хотел сказать только то, что сказал. А именно то, что можно вызвать стандартное диалоговое окно сохранения файла используя js. Все остальное это ваши домыслы Вопрос ТС заключался именно в возможности открытия окна, и там ничего не говорилось про выбор папки или программы. 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	27.07.2018, 01:18
	AlexZaw, Ну и как это сделать? 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	27.07.2018, 02:53
	AlexZaw, Это другое окно, имелось в виду окно, которое появляется при скачивании файла. 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	27.07.2018, 03:08
	AlexZaw, Вот пример настройки в хроме, о которой я говорил. Если ее выставить, то при скачивании файлов, будет выскакивать окно, приведенное автором темы, только там мазила. Миниатюры 0

@maxoun 21 / 44 / 11 Регистрация: 08.02.2018 Сообщений: 443
	27.07.2018, 16:23
	у JS нет такой возможности и не будет!!! В целях безопасности, не путайте палки, JS не имеет никакого отношения к этому, для сохранения файлов используется сам браузер. JS не может получить доступ к ФС пользователя, это вам не PHP \| PHYTON или что то в этом роде ( ну в серверном) 0