カスタムフィールドにファイルのアップロードボタンを付けてURLを取得する

カスタムフィールドに画像やPDFなどのアップロードボタンを付けて、投稿と同じようなメディアアップローダを表示させるにはjqueryを使用する。
参考:How to Integrate the WordPress Media Uploader in Theme and Plugin Options
参考:Add Multiple Image Upload Button using WordPress Uploader in Theme

130311-0002
「ファイルのURL」をクリックしてリンク先を表示させてから投稿すると
130311-0001
カスタムフィールとにURLが入る。

画像の場合は、参考先のJqueryでimgのsrcを取得してOKだけれど、

window.send_to_editor = function(html) {
    var image_url = $('img',html).attr('src');
    $('#logo_url').val(image_url);
    tb_remove();
}

ファイル(PDFなど)の場合は、imgが無い(標準のドキュメント画像)ので、URLが取得できない

var image_url = $(html).attr('href');  

にする。

画像、ファイルのどちらもURLが取得できるので、hrefの方がいいと思うのだけれど、検索した限りでは、概ねimgのjqueryが書いてある。
PDFのファイルURLが取得できなくて悩んでしまったよ。

参考:Adding URL of PDF from Thickbox in a Meta Box

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)