Tengo este codiguito
Código PHP:
<input id="image-input" type="file" name="file[]" onchange="previewImages()" multiple><br><br>
<label style="text-align:left;" >O: </label>
<label class="control-label" >URL de Fotos </label>
<div class="controls"><input type="url" name="url" placeholder="Ej: Picassa" class="span15 typeahead" id="typeahead" data-provide="typeahead" data-items="4"></div><br>
<label style="text-align:left;">Dimensión en píxeles: 665x500 </label><br><br>
<div class="preview-area" style='width:320px;height:320px;overflow:auto;'></div>
<script type="text/javascript">
var inputLocalFont = document.getElementById("image-input");
inputLocalFont.addEventListener("change",previewImages,false); //bind the function to the input
function previewImages(){
var fileList = this.files;
var anyWindow = window.URL || window.webkitURL;
for(var i = 0; i < fileList.length; i++){
//get a blob to play with
var objectUrl = anyWindow.createObjectURL(fileList[i]);
// for the next line to work, you need something class="preview-area" in your html
$('.preview-area').append('<img src="' + objectUrl + '" value="'+ i +'" style="width: 100px; height: 100px;"/>');
// get rid of the blob
window.URL.revokeObjectURL(fileList[i]);
}
}
</script>
Lo que hace es motrar una vista previa de la imagen antes de cargarla al servidor.
Mi duda es esta:
Cuando llamo a $_POST["file"] me llama unicamente a los ultimos valores que subio.
Es decir, le doy click al input y carga los datos, pero si decido cargar nuevos datos estos reemplazan el temporal que manejaba.
Los datos los sigue mostrando en la vista preliminar, pues los mando al img preview, pero como hago para que la data que quedo en temporal no se pierda y subir todos los archivos? hay una forma de actualizar la cache del temporal para que incluya mas archivos?
