2

我正在尝试允许用户在其用户个人资料编辑页面上上传个人资料图片,这是上传表单的代码:

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');

问题是浏览器甚至没有上传图像,好像该字段不存在一样,知道问题是什么吗?

4

1 回答 1

6

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

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

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

于 2012-05-02T12:36:25.843 回答