質問編集履歴
4
追記
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
不要文字の削除
test
CHANGED
File without changes
|
test
CHANGED
@@ -114,4 +114,4 @@
|
|
114
114
|
|
115
115
|
|
116
116
|
|
117
|
-
|
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
追記
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
なぜか記述途中のがアップされた。
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
|
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_capa
|
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
|
+
よろしくお願いいたします。
|