この記事は2年以上前に書かれたものです。
情報が古い可能性があります。
情報が古い可能性があります。
参考リンク
ソースコード
jQuery(document).ready(function($){
var custom_uploader;
$('#demo-media').click(function(e) {
e.preventDefault();
if (custom_uploader) {
custom_uploader.open();
return;
}
custom_uploader = wp.media({
title: 'Choose Image',
button: {
text: 'Choose Image'
},
multiple: true // falseにすると画像を1つしか選択できなくなる
});
custom_uploader.on('select', function() {
var images = custom_uploader.state().get('selection');
images.each(function(file){
$('#demo-images').append('<img src="'+file.toJSON().url+'" />');
});
});
custom_uploader.open();
});
});
上記ソースコードでいう file.toJSON().url の部分で、url 以外に取得できる値が気になったので調べてみました。
説明に関してはおそらくこうだろうといった感じ書いているだけですので、間違いがあればご指摘ください。
良くわからないところの説明は空欄にしていますが分かり次第追記します。
良くわからないところの説明は空欄にしていますが分かり次第追記します。
取得出来る値
| 名前 | 説明 | 例 |
|---|---|---|
| id | ID | 19 |
| title | タイトル | twitter-bg |
| filename | ファイル名 | twitter-bg.jpg |
| url | URL | http://localhost:8888/wordpress/wp-content/uploads/2013/02/twitter-bg.jpg |
| link | リンク | http://localhost:8888/wordpress/?attachment_id=19 |
| alt | 代替テキスト | |
| author | アップロードしたユーザのID | 1 |
| description | 説明 | |
| caption | キャプション | |
| name | 拡張子を除く名前 | twitter-bg |
| status | inherit | |
| uploadedTo | 18 | |
| date | 登録日付 | Mon Feb 25 2013 20:19:40 GMT+0900 (JST) |
| modified | 更新日付 | Mon Feb 25 2013 20:19:40 GMT+0900 (JST) |
| menuOrder | 0 | |
| mime | MIMEタイプ | image/jpeg |
| type | タイプ | image |
| subtype | サブタイプ | jpeg |
| icon | アイコン | http://localhost:8888/wordpress/wp-includes/images/crystal/default.png |
| dateFormatted | 2013年2月25日 | |
| nonces | オブジェクト | |
| editLink | メディアの編集URL | http://localhost:8888/wordpress/wp-admin/post.php?post=19&action=edit |
| sizes | サイズに関する情報 | オブジェクト |
| height | 高さ | 165 |
| width | 横幅 | 200 |
| orientation | 向き | landscape |
| compat | オブジェクト |
nonces
| 名前 | 説明 | 例 |
|---|---|---|
| update | e58648c120 | |
| delete | 93d6e0f178 |
sizes
| 名前 | 説明 | 例 |
|---|---|---|
| thumbnail | サムネイルサイズの画像に関する情報 | オブジェクト |
| medium | 中サイズの画像に関する情報 | オブジェクト |
| large | 大サイズの画像に関する情報 | オブジェクト |
| full | フルサイズの画像に関する情報 | オブジェクト |
thumbnail・medium・large・full
| 名前 | 説明 | 例 |
|---|---|---|
| height | 画像の高さ | 139 |
| width | 画像の横幅 | 300 |
| url | 画像のURL | http://localhost:8888/wordpress/wp-content/uploads/2013/02/twitter-bg-300×139.jpg |
| orientation | 画像の向き | landscape |
compat
| 引数名 | 説明 | 例 |
|---|---|---|
| item | ||
| meta |
[…] WordPress3.5でテーマやプラグインでメディアアップローダーを呼び出す場合のメディア選択時に取得出来る値の一覧 […]