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

我建议您为此目的使用ready插件，名为Add local avatar（http://wordpress.org/extend/plugins/add-local-avatar/）或者如果您坚持使用自己的代码，那么只需下载插件并调查它的简单源代码。比较他们并找出你的错误。

wordpress用户个人资料中的自定义上传字段

1 个答案: