我正在尝试添加一个图像字段，允许用户从媒体库中选择图像。添加文本字段效果很好，但现在我正在添加图像字段，它不起作用。对于仅允许媒体库中的图像的图像字段，我应该指定什么作为输入？

<p>
    <label>Picture:</label><br />
    <input type="file" name="picture" value="<?= @$custom["cafe_image"][0] ?>" class="width99" accept="image/*" />
</p>

上面的代码不能正常工作（它创建了一个文件选择按钮），所以我是否只是在“file”的位置放置了其他内容？该函数的其余部分如下所示：

function add_cafe_meta_boxes() {
    add_meta_box("cafe_contact_meta", "Contact Details", "add_contact_details_cafe_meta_box", "cafes", "normal", "low");
}
function add_contact_details_cafe_meta_box()
{
    global $post;
    $custom = get_post_custom( $post->ID );

    ?>
    <style>.width99 {width:99%;}</style>
    <p>
        <label>Address:</label><br />
        <textarea rows="5" name="address" class="width99"><?= @$custom["address"][0] ?></textarea>
    </p>
    <p>
        <label>Website:</label><br />
        <input type="text" name="website" value="<?= @$custom["website"][0] ?>" class="width99" />
    </p>
    <p>
        <label>Phone:</label><br />
        <input type="text" name="phone" value="<?= @$custom["phone"][0] ?>" class="width99" />
    </p>
        <p>
        <label>Picture:</label><br />
        <input type="file" name="picture" value="<?= @$custom["cafe_image"][0] ?>" class="width99" accept="image/*" />
        </p>
    <?php
}

add_action( \'admin_init\', \'add_cafe_meta_boxes\' );