wordpress相册

<!-- 3. 添加JavaScript代码，用于调起媒体上传器 -->
<script type="text/javascript">
jQuery(document).ready(function($){
var frame; // 用于存储媒体上传器对象

$('#upload_custom_gallery_btn').on('click', function(e) {
e.preventDefault();

// 如果已存在上传器窗口，则直接打开
if ( frame ) {
frame.open();
return;
}

// 初始化WP媒体上传器，关键参数 multiple: true 允许多选
frame = wp.media({
title: '选择相册图片',
button: {
text: '添加到相册'
},
multiple: true // 允许多选
});

// 当点击“添加”按钮后，处理选中的图片
frame.on('select', function() {
var selection = frame.state().get('selection');
var attachmentIds = [];

// 遍历选中的图片，获取其ID
selection.map( function( attachment ) {
attachment = attachment.toJSON();
attachmentIds.push( attachment.id );
});

// 更新隐藏字段的值 (用逗号分隔ID)
var idsString = attachmentIds.join(',');
$('#custom_gallery_image_ids').val( idsString );

// 生成并显示缩略图预览 (简单处理，实际可刷新页面或动态添加)
// 为了体验，直接刷新元数据框区域，或者清空后重建
// 这里为了简单，直接让用户保存文章后查看预览，或者你可以写更复杂的JS来动态显示
alert('已选择 ' + attachmentIds.length + ' 张图片。请保存文章以更新预览。');
// 如果你希望保存文章后再看到预览，这步足够。为了立即显示，可以取消下面注释的代码来刷新预览区：
/*
var previewHtml = '';
$.each(attachmentIds, function(index, id) {
// 注意：这里需要一个ajax请求来获取图片的img标签，为了简洁，暂时不写复杂逻辑
previewHtml += '<img src="..." />';
});
$('#custom_gallery_preview').html(previewHtml);
*/
});

frame.open();
});
});
</script>
<?php
}

/**
* 4. 保存文章时，将图片ID数组存储到数据库
*
* @param int $post_id 文章ID
*/
function custom_gallery_save_post_data( $post_id ) {
// 安全检查：如果是自动保存则跳过
if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
return;
}

// 安全检查：验证 nonce
if ( ! isset( $_POST['custom_gallery_nonce'] ) || ! wp_verify_nonce( $_POST['custom_gallery_nonce'], 'custom_gallery_save_data' ) ) {
return;
}

// 安全检查：检查用户权限
if ( ! current_user_can( 'edit_post', $post_id ) ) {
return;
}

// 如果有提交的图片ID数据，则更新；否则删除该自定义字段
if ( isset( $_POST['custom_gallery_image_ids'] ) ) {
$image_ids = sanitize_text_field( $_POST['custom_gallery_image_ids'] );
update_post_meta( $post_id, '_custom_gallery_image_ids', $image_ids );
} else {
delete_post_meta( $post_id, '_custom_gallery_image_ids' );
}
}
add_action( 'save_post', 'custom_gallery_save_post_data' );