Работает ли execCommand SaveAs в Firefox? - PullRequest
Новая
       35

Работает ли execCommand SaveAs в Firefox?

7 голосов
/ 07 мая 2009

Почему это не работает в ff / chrome? 

javascript: document.execCommand('SaveAs','true','http://www.google.com');

(используется как букмарклет)

Ответы [ 4 ]

10 голосов
/ 07 мая 2009

execCommand не полностью стандартизирован для всех браузеров. Действительно, execCommand ('SaveAs', ...), похоже, поддерживается только в IE. Рекомендованным способом принудительного сохранения является использование заголовка содержимого: вложения, как описано в http://www.jtricks.com/bits/content_disposition.html

Поскольку это часть заголовка HTTP, вы можете использовать его для любого типа файла. Если вы используете apache, вы можете добавить заголовки, используя файл .htaccess, как описано здесь . Например: 

<FilesMatch "\.pdf$">
<IfModule mod_headers.c>
Header set Content-Disposition "attachment"
# for older browsers
Header set Content-Type "application/octet-stream"
</IfModule>
</FilesMatch>
9 голосов
/ 04 декабря 2012

Это можно сделать в Firefox через URI данных (см. Также Загрузить файл URL данных ) и, необязательно, через атрибут загрузки.

См. http://html5 -demos.appspot.com / static / a.download.html для демонстрационной демонстрации HTML5.

Как принудительно сохранить как диалоговое окно в Firefox помимо изменения заголовков? также охватывает эту тему.

Вы также можете проверить это с помощью следующей демоверсии, протестированной Firefox. 

<!DOCTYPE html>
<body>
<script>
var a = document.createElement('a');
//alert(a.download === ''); // If true, this seems to indicate support
a.setAttribute('download', 'testme.png');
a.href = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwElEQVQ4jWNgGPRgv7Y2z0lj45STpqbHT5iaxhCt8biBgcJJU9PZJ01MPp80MfkPxZOJN8DEpAFJ4/+TJib/T5mY7CdK8wkTkwJ0zVA8naDmk0ZGPjg0/z9hbGyDV/MZY2ORkyYm77FpPmVispwSp6/e7+DAQtj5pqabsdi8myjNUANmY7H99jEjIxWiDDhuauqCxYDD+7W1eYgy4IyxMetJE5PpyH4/ZWqqTZRmGIAm3fsk2YwOjhkZqZCtmVQAAIOlmIi0XoodAAAAAElFTkSuQmCC';
a.innerHTML = 'testing';
a.style.display = 'none';
document.body.appendChild(a);
a.click();
</script>

Следующее также работает для URL-адресов и загрузок, инициируемых JavaScript, без атрибута загрузки (хотя этот подход не разрешает имя файла, он допускает предварительный просмотр на новой вкладке): 

<script>
var myText = 'Hello world!', 
    myHTML = '<b>'+myText+'</b>';

function openFile (textToEncode, contentType, newWindow) {
    // For window.btoa (base64) polyfills, see 
    // https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
    var encodedText = window.btoa(textToEncode);
    var dataURL = 'data:' + contentType + ';base64,' + encodedText;
    if (newWindow) { // Not useful for application/octet-stream type
        window.open(dataURL); // To open in a new tab/window
    }
    else {
        window.location = dataURL; // To change the current page
    }
}
</script>

<h1>Hello world files:</h1>

<p>Octet stream type to prompts download dialog in Firefox, but with no 
   default file type or path:</p> 

<a href="data:application/octet-stream;base64,SGVsbG8sIFdvcmxkIQ%3D%3D">
    (text example)</a>
<a href="data:application/octet-stream;base64,PGI+SGVsbG8gd29ybGQhPC9iPg==">
    (HTML example)</a>
<button onclick="openFile(myHTML, 'application/octet-stream');">
    (HTML example, from JavaScript)</button>

<p>Quickly viewable (and manually savable) in browser but no dialog presented:</p>
<a href="data:text/plain;base64,SGVsbG8sIFdvcmxkIQ%3D%3D">(plain text, same window)</a>
<a href="data:text/plain;base64,SGVsbG8sIFdvcmxkIQ%3D%3D" target="new-tab">
    (plain text--in new tab)</a>
<a href="data:text/html,%3Ch1%3EHello%2C%20World!%3C%2Fh1%3E">(HTML, same window)</a>
<button onclick="openFile(myText, 'text/plain');">
    (text example, from JavaScript)</button>
<button onclick="openFile(myText, 'text/plain', true);">
     (text example, from JavaScript; open in new window)</button>
<button onclick="openFile(myHTML, 'text/html', true);">
   (HTML example, from JavaScript; open in new window)</button>
3 голосов
/ 07 мая 2009

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

0 голосов
/ 07 мая 2009

Firefox не поддерживает execCommand. На самом деле это, кажется, только для IE.

...