Hay una función que activa el archivo de entrada y muestra vistas previas:

 $(document).on("change", "#Multifileupload", function() { var MultifileUpload = document.getElementById("Multifileupload"); if (typeof FileReader != "undefined") { var MultidvPreview = document.getElementById("MultidvPreview"); console.log(MultifileUpload.files); var images = Array.prototype.slice.call( MultifileUpload.files, 0, upload_product_images_comment_total ); for ( var i = 0; i < images.length && upload_product_images_comment_loaded <= upload_product_images_comment_total; i++ ) { var file = images[i]; var reader = new FileReader(); reader.onload = function(e) { var img = document.createElement("img"); var span = document.createElement("span"); span.classList.add("remove_image"); span.classList.add("icon-close"); img.src = e.target.result; img.classList.add("Multifileupload_image"); var position = upload_product_images_comment_loaded + 1; if (position > upload_product_images_comment_total - 1) { var li = document.createElement("li"); $(".upload-photo-thumb").hide(); MultidvPreview.prepend(li); MultidvPreview.children[0].appendChild(img); MultidvPreview.children[0].appendChild(span); } else { MultidvPreview.children[position].appendChild(img); MultidvPreview.children[position].appendChild(span); } upload_product_images_comment_loaded++; }; reader.readAsDataURL(file); } MultifileUpload.value = ''; } else { alert("This browser does not support HTML5 FileReader."); } });

La entrada HTML es:

 <input type="file" id="Multifileupload" multiple="" name="file" size="40" accept=".png, .jpg, .jpeg, .gif">

El problema es que cuando elijo algunas imágenes y envío el formulario, obtengo un campo de file vacío en la solicitud:

 csrf_mds_token=b2c47be75606853053acbbcf48c6280c&review=wreewrewrewrwrwrwrwr&rating=5&product_id=6&file=&sys_lang_id=1