質問編集履歴

4

追記

2019/09/29 11:08

投稿

ringoame49
ringoame49

スコア46

test CHANGED
File without changes
test CHANGED
@@ -66,9 +66,59 @@
66
66
 
67
67
  $("#file_capa").text(fileCapa);
68
68
 
69
-
69
+ return false;
70
70
 
71
+
72
+
73
+ function filesize(url) {
74
+
75
+ var req = this.window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
76
+
77
+ if (!req) {
78
+
79
+ throw new Error('XMLHttpRequest not supported');
80
+
81
+ }
82
+
83
+
84
+
85
+ req.open('HEAD', url, false);
86
+
87
+ req.send(null);
88
+
89
+
90
+
91
+ if (!req.getResponseHeader) {
92
+
93
+ try {
94
+
95
+ throw new Error('No getResponseHeader!');
96
+
97
+ } catch (e) {
98
+
71
- return false;
99
+ return false;
100
+
101
+ }
102
+
103
+ } else if (!req.getResponseHeader('Content-Length')) {
104
+
105
+ try {
106
+
107
+ throw new Error('No Content-Length!');
108
+
109
+ } catch (e2) {
110
+
111
+ return false;
112
+
113
+ }
114
+
115
+ } else {
116
+
117
+ return req.getResponseHeader('Content-Length');
118
+
119
+ }
120
+
121
+ }
72
122
 
73
123
  });
74
124
 
@@ -110,7 +160,9 @@
110
160
 
111
161
  $("#file_capa").text(fileCapa);
112
162
 
163
+ とした場合、画面にはfalse、
164
+
113
- とした場合、下記のようにエラーが出ます。
165
+ エラーは下記の内容が出ます。
114
166
 
115
167
 
116
168
 

3

不要文字の削除

2019/09/29 11:08

投稿

ringoame49
ringoame49

スコア46

test CHANGED
File without changes
test CHANGED
@@ -114,4 +114,4 @@
114
114
 
115
115
 
116
116
 
117
- file-list.php:233 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check
117
+ [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check

2

追記

2019/09/29 11:01

投稿

ringoame49
ringoame49

スコア46

test CHANGED
File without changes
test CHANGED
@@ -85,3 +85,33 @@
85
85
 
86
86
 
87
87
  よろしくお願いいたします。
88
+
89
+
90
+
91
+
92
+
93
+ 追記
94
+
95
+
96
+
97
+ 製作者が自作したメソッドは記述しております。
98
+
99
+
100
+
101
+ そして
102
+
103
+ filesize(img);
104
+
105
+
106
+
107
+ var fileSrc= $this_children.attr('src');
108
+
109
+ var fileCapa = filesize(fileSrc);
110
+
111
+ $("#file_capa").text(fileCapa);
112
+
113
+ とした場合、下記のようにエラーが出ます。
114
+
115
+
116
+
117
+ file-list.php:233 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check

1

なぜか記述途中のがアップされた。

2019/09/29 11:00

投稿

ringoame49
ringoame49

スコア46

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  タイトル通りですがどうしても方法がわかりません。
6
6
 
7
- どの様に記述すればクリックした画像のサイズ(バイト)とタイプ(jpgやpng等)を取得できるのでしょうか?
7
+ どの様に記述すればクリックした画像のサイズ(バイト)とタイプ(jpgやpng等)を取得できるのでしょうか?
8
8
 
9
9
  現在はこのように記述しております。
10
10
 
@@ -14,13 +14,13 @@
14
14
 
15
15
  ```
16
16
 
17
- <div class="file"><a href="#"><img class="<?=$file['fileName']?>" src="images/sample.jpg"></a></div>
17
+ <div class="file"><a href="#"><img src="images/sample.jpg"></a></div>
18
18
 
19
19
  <dl>
20
20
 
21
21
  dt>ファイル容量: </dt>
22
22
 
23
- <dd id="file_capacity"></dd>
23
+ <dd id="file_capa"></dd>
24
24
 
25
25
  <dt>ファイルタイプ: </dt>
26
26
 
@@ -46,19 +46,25 @@
46
46
 
47
47
 
48
48
 
49
- var src = $this_children.attr('src');
50
-
51
-
52
-
53
49
  var img = new Image();
54
50
 
55
51
  img.src = $this_children.attr('src');
56
52
 
57
- var nw = img.width; //画像サイズを取得
53
+ var nw = img.width;
58
54
 
59
55
  var nh = img.height;
60
56
 
61
57
  $("#file_size").text(nw + '×' + nh + 'px');
58
+
59
+
60
+
61
+ var fileType = img.type; //これはダメでした
62
+
63
+ var fileCapa = img.size; //これはダメでした
64
+
65
+ $("#file_type").text(fileType);
66
+
67
+ $("#file_capa").text(fileCapa);
62
68
 
63
69
 
64
70
 
@@ -67,3 +73,15 @@
67
73
  });
68
74
 
69
75
  ```
76
+
77
+
78
+
79
+ 他にfilesize(img)等も試しましたがダメでした。
80
+
81
+
82
+
83
+ 参考先サイト等でも教えていただけましと助かります。
84
+
85
+
86
+
87
+ よろしくお願いいたします。