web-dev-qa-db-fra.com

poste front-end avec plusieurs images de téléchargement?

J'utilise un message frontal avec l'image de téléchargement,

mon code

if (!function_exists('wp_generate_attachment_metadata')){
            require_once(ABSPATH . "wp-admin" . '/includes/image.php');
            require_once(ABSPATH . "wp-admin" . '/includes/file.php');
            require_once(ABSPATH . "wp-admin" . '/includes/media.php');
        }
         if ($_FILES) {
            foreach ($_FILES as $file => $array) {
                if ($_FILES[$file]['error'] !== UPLOAD_ERR_OK) {
                    return "upload error : " . $_FILES[$file]['error'];
                }
                $attach_id = media_handle_upload( $file, $new_post );
            }   
        }
        if ($attach_id > 0){
            //and if you want to set that image as Post  then use:
            update_post_meta($new_post,'_thumbnail_id',$attach_id);
        }

et ça marche bien avec le téléchargement d'une image comme celle-ci

 <input type="file" id="image" name="image">

mais quand je change mon html

 <input type="file" id="image" name="image[]" multiple="multiple" >

il arrête de télécharger

Quelqu'un peut-il m'aider s'il-vous-plaît????

uploadsfront-endcustomization
2
Ehab Fawzy

l'attribut multiple="multiple" ou multiple="" de la balise de fichier d'entrée est relativement nouveau et n'est pas largement pris en charge par tous les navigateurs, mais si c'est ce que vous souhaitez,

essaye ça:

<form  ...
   <input type="file" id="image" name="image[]" onchange="updateList();" multiple="multiple" >
   <ul id="file_list"></ul>
</form>
<script>
function updateList(){
    //get the input and UL list
    var input = document.getElementById('image');
    var list = document.getElementById('file_list');

    //empty list for now...
    while (list.hasChildNodes()) {
      list.removeChild(ul.firstChild);
    }

    //for every file...
    for (var x = 0; x < input.files.length; x++) {
      //add to list
      var li = document.createElement('li');
      li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
      list.append(li);
    }
}
</script>

maintenant, lorsque les fichiers sont téléchargés, vous devez utiliser un correctif sur le tableau pour pouvoir utiliser cette fonction; utilisez donc cette fonction depuis Golden Apples

function fix_file_array(&$files) {
    $names = array(
        'name' => 1,
        'type' => 1,
        'tmp_name' => 1,
        'error' => 1,
        'size' => 1
    );
    foreach ($files as $key => $part) {
        // only deal with valid keys and multiple files
        $key = (string) $key;
        if (isset($names[$key]) && is_array($part)) {
            foreach ($part as $position => $value) {
                $files[$position][$key] = $value;
            }
            // remove old key reference
            unset($files[$key]);
        }
    }
}


function insert_attachment($file_handler,$post_id,$setthumb='false') {
    require_once(ABSPATH . "wp-admin" . '/includes/image.php');
    require_once(ABSPATH . "wp-admin" . '/includes/file.php');
    require_once(ABSPATH . "wp-admin" . '/includes/media.php');
    $attach_id = media_handle_sideload( $file_handler, $post_id );
    if ($setthumb) update_post_meta($post_id,'_thumbnail_id',$attach_id);
    return $attach_id;
}

et une fois que vous avez cette fonction, vous pouvez le faire:

if ($_FILES) {
    fix_file_array($_FILES[$name]);
    foreach ($_FILES[$name] as $file => $fileitem){
        $newupload = insert_attachment($fileitem,$real_post_id);
    }
}

qui devrait fonctionner

3
Bainternet