質問編集履歴

3

追加

2018/09/23 20:17

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,11 +8,63 @@
8
8
 
9
9
 
10
10
 
11
- 以下のサイトの内容と全く同じことがしたいのですが、JavaScriptが上手く動きません。
11
+ 以下のサイトの内容と全く同じことがしたいと思い、以下サイトの通りに実装したのですが、JavaScriptが上手く動きません。
12
12
 
13
13
  [リンク内容](http://blog.yuhiisk.com/archive/2018/05/27/iphone-rotate-image-bug.html)
14
14
 
15
15
 
16
+
17
+ 実装したコードは以下の通りです。(ライブラリはインストールしております。)
18
+
19
+ ```
20
+
21
+ <script src="js/load-image.all.min.js"></script>
22
+
23
+ ```
24
+
25
+
26
+
27
+ ``` javascript
28
+
29
+ document.querySelector('input[type="file"]').addEventListener('change', function() {
30
+
31
+ var file = this.files[0];
32
+
33
+ loadImage.parseMetaData(file, (data) => {
34
+
35
+ var options = {
36
+
37
+ canvas: true
38
+
39
+ };
40
+
41
+ if (data.exif) {
42
+
43
+ options.orientation = data.exif.get('Orientation');
44
+
45
+ }
46
+
47
+ loadImage(file, (canvas) => {
48
+
49
+ var dataUri = canvas.toDataURL('image/jpeg');
50
+
51
+ // 画像を作成
52
+
53
+ var img = new Image();
54
+
55
+ img.src = dataUri;
56
+
57
+ document.body.appendChild(img);
58
+
59
+ }, options);
60
+
61
+ });
62
+
63
+ }
64
+
65
+ });
66
+
67
+ ```
16
68
 
17
69
  ちなみにサーバー側では以下のようにして写真が横になるのを防いでおります。
18
70
 

2

修正

2018/09/23 20:17

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -36,7 +36,7 @@
36
36
 
37
37
  ```
38
38
 
39
- DBに保存後は正しい向きで写真が表示されます。
39
+ 上の設定により、DBに保存後は正しい向きで写真が表示されます。
40
40
 
41
41
  しかし、DBに保存する前のプレビュー画面では写真が横になってしまいます。
42
42
 

1

修正

2018/09/23 20:07

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes