teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

4

変更

2017/01/22 06:20

投稿

2001Y
2001Y

スコア83

title CHANGED
File without changes
body CHANGED
@@ -1,12 +1,14 @@
1
- GoogleChromeなどのブラウザでは、HTML5の追加要素の download を追加すればダウンロードできるということでJavaScriptで追加させるようにまし
1
+ GoogleChromeなどのブラウザでは、HTML5の追加要素の download を追加すればダウンロードできるということで追加したのですが
2
2
  ```JavaScript
3
+ document.addEventListener("DOMContentLoaded", function () {
3
- function download(){
4
+ for (i = 1; i <= 13; i++) {
4
- download = document.getElementById('lg-download');
5
+ document.getElementById("lightgallery").insertAdjacentHTML('beforeend',
6
+ '<a href="https://test.io/img/' + i + '.jpg" class="gdownload" download>' +
7
+ '<img src="https://test.io/img/' + i + '.jpg">' +
5
- download.setAttribute('download');
8
+ '</a>');
6
- }
9
+ }}, false);
7
-
8
10
  ```
9
- これが正しいのかもわかりませんが、Chromeでの動作は確認できたのですがSafariでは仕様らしいのですが動作しません。
11
+ Chromeでの動作は確認できたのですがSafariでは仕様らしいのですが動作しません。
10
12
  そこで、Safariでも強制的にダウンロードさせたい場合はどうすれば良いのでしょうか。
11
13
 
12
14
  ######追記

3

コード変更

2017/01/22 06:20

投稿

2001Y
2001Y

スコア83

title CHANGED
File without changes
body CHANGED
@@ -1,8 +1,10 @@
1
1
  GoogleChromeなどのブラウザでは、HTML5の追加要素の download を追加すればダウンロードできるということでJavaScriptで追加させるようにしました。
2
2
  ```JavaScript
3
+ function download(){
3
- document.getElementById('download-link');
4
+ download = document.getElementById('lg-download');
4
- setAttribute('download');
5
+ download.setAttribute('download');
5
6
  }
7
+
6
8
  ```
7
9
  これが正しいのかもわかりませんが、Chromeでの動作は確認できたのですがSafariでは仕様らしいのですが動作しません。
8
10
  そこで、Safariでも強制的にダウンロードさせたい場合はどうすれば良いのでしょうか。

2

コード変更

2017/01/22 05:44

投稿

2001Y
2001Y

スコア83

title CHANGED
File without changes
body CHANGED
@@ -1,8 +1,7 @@
1
1
  GoogleChromeなどのブラウザでは、HTML5の追加要素の download を追加すればダウンロードできるということでJavaScriptで追加させるようにしました。
2
2
  ```JavaScript
3
- function download(){
4
- tableObj = document.getElementById('download');
3
+ document.getElementById('download-link');
5
- tableObj.setAttribute('download');
4
+ setAttribute('download');
6
5
  }
7
6
  ```
8
7
  これが正しいのかもわかりませんが、Chromeでの動作は確認できたのですがSafariでは仕様らしいのですが動作しません。

1

追記

2017/01/22 05:23

投稿

2001Y
2001Y

スコア83

title CHANGED
File without changes
body CHANGED
@@ -6,4 +6,8 @@
6
6
  }
7
7
  ```
8
8
  これが正しいのかもわかりませんが、Chromeでの動作は確認できたのですがSafariでは仕様らしいのですが動作しません。
9
- そこで、Safariでも強制的にダウンロードさせたい場合はどうすれば良いのでしょうか。
9
+ そこで、Safariでも強制的にダウンロードさせたい場合はどうすれば良いのでしょうか。
10
+
11
+ ######追記
12
+ ファイル名は変動するのでファイル名での指定はできればしたくありません。
13
+ aタグにはid:downloadが振り当ててあります。