php - wordpress 用户配置文件中的自定义上传字段

Question

我试图让用户在他们的用户个人资料编辑页面上上传个人资料图片，这是上传表单的代码:

function add_extra_profile_fields($user) {
    $output = '<h3>صورة المستخدم</h3>

    <table class="form-table">

        <tr>
            <th><label for="twitter">صورة المستخدم</label></th>

            <td>
                <img class="video_author_img" src="'.ms_user_img_single_php($user->ID, false).'" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                 <input type="file" id="admin_user_photo" name="admin_user_photo" class="form-text" /><br />
                <span class="description">لأفضل نتيجة يرجى استخدام صورة 90px في 90px  - الحجم الأقصى 2 ميجا</span>
            </td>
        </tr>

    </table>';

    echo $output;
}
add_action('edit_user_profile', 'add_extra_profile_fields');
add_action('show_user_profile', 'add_extra_profile_fields');

下一个函数应该是保存上传的图像并处理裁剪并将其放置在另一个函数中:

function my_save_extra_profile_fields( $user_id ) {

    if ( !current_user_can( 'edit_user', $user_id ) )
        return false;

    // User image upload
    $allowedTypes = array('image/gif', 'image/jpeg', 'image/png');

    if (in_array($_FILES["admin_user_photo"]["type"], $allowedTypes) && ($_FILES["admin_user_photo"]["size"] < 1048576)){

        ms_upload_crop_image('admin_user_photo', $user_id, '../../uploads/user_images/', 90, 90);

    }
}
add_action( 'personal_options_update', 'my_save_extra_profile_fields' );
add_action( 'edit_user_profile_update', 'my_save_extra_profile_fields' );

我还用 jquery 更改了表单的 enctype:

$('form#your-profile').attr('enctype', 'multipart/form-data');

问题是浏览器甚至不上传图片，就好像该字段不存在一样，知道问题出在哪里吗？

Answer 1

您应该更改个人资料表单中的两个参数，而不是一个。可能会有帮助:

  form.encoding = "multipart/form-data";
  form.setAttribute('enctype', 'multipart/form-data');

我建议你为此使用现成的插件，称为添加本地头像(http://wordpress.org/extend/plugins/add-local-avatar/)或者如果你坚持使用自己的代码，那么只需下载插件并研究它的简单源代码。比较它们并找出你的错误。