質問編集履歴
4
変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,20 +1,24 @@
|
|
1
|
-
GoogleChromeなどのブラウザでは、HTML5の追加要素の download を追加すればダウンロードできるということで
|
1
|
+
GoogleChromeなどのブラウザでは、HTML5の追加要素の download を追加すればダウンロードできるということで追加したのですが
|
2
2
|
|
3
3
|
```JavaScript
|
4
4
|
|
5
|
-
|
5
|
+
document.addEventListener("DOMContentLoaded", function () {
|
6
6
|
|
7
|
-
|
7
|
+
for (i = 1; i <= 13; i++) {
|
8
8
|
|
9
|
-
|
9
|
+
document.getElementById("lightgallery").insertAdjacentHTML('beforeend',
|
10
10
|
|
11
|
-
|
11
|
+
'<a href="https://test.io/img/' + i + '.jpg" class="gdownload" download>' +
|
12
12
|
|
13
|
+
'<img src="https://test.io/img/' + i + '.jpg">' +
|
13
14
|
|
15
|
+
'</a>');
|
16
|
+
|
17
|
+
}}, false);
|
14
18
|
|
15
19
|
```
|
16
20
|
|
17
|
-
|
21
|
+
Chromeでの動作は確認できたのですがSafariでは仕様らしいのですが動作しません。
|
18
22
|
|
19
23
|
そこで、Safariでも強制的にダウンロードさせたい場合はどうすれば良いのでしょうか。
|
20
24
|
|
3
コード変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,11 +2,15 @@
|
|
2
2
|
|
3
3
|
```JavaScript
|
4
4
|
|
5
|
-
|
5
|
+
function download(){
|
6
6
|
|
7
|
+
download = document.getElementById('lg-download');
|
8
|
+
|
7
|
-
setAttribute('download');
|
9
|
+
download.setAttribute('download');
|
8
10
|
|
9
11
|
}
|
12
|
+
|
13
|
+
|
10
14
|
|
11
15
|
```
|
12
16
|
|
2
コード変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,11 +2,9 @@
|
|
2
2
|
|
3
3
|
```JavaScript
|
4
4
|
|
5
|
-
|
5
|
+
document.getElementById('download-link');
|
6
6
|
|
7
|
-
tableObj = document.getElementById('download');
|
8
|
-
|
9
|
-
|
7
|
+
setAttribute('download');
|
10
8
|
|
11
9
|
}
|
12
10
|
|
1
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -15,3 +15,11 @@
|
|
15
15
|
これが正しいのかもわかりませんが、Chromeでの動作は確認できたのですがSafariでは仕様らしいのですが動作しません。
|
16
16
|
|
17
17
|
そこで、Safariでも強制的にダウンロードさせたい場合はどうすれば良いのでしょうか。
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
######追記
|
22
|
+
|
23
|
+
ファイル名は変動するのでファイル名での指定はできればしたくありません。
|
24
|
+
|
25
|
+
aタグにはid:downloadが振り当ててあります。
|