JavaScript - fancybox + file

   
Vista:

fancybox + file

Publicado por Zenit (7 intervenciones) el 30/05/2016 17:19:31
Buenas tardes.

He estado mirando decenas de ejemplos por google pero no encuentro lo q necesito hacer.

Resulta q necesito crear un fancybox donde se muestra el contenido de un archivo que previamente se ha subido. Este archivo en concreto es una hoja excel asi que tendria que recoger los datos e imprimirlos en el fancybox. Para hacer esto ya dispongo de clases, funciones... etc. El unico problema con el q me encuentro es como pasar el archivo a mi php mediante jquery y q este me lo muestre en fancybox.

Por cierto.. seria para una vista previa antes de importar.


JQUERY

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
if($("#previewbtn").is(":checked")){
 
	$("#importprogresstr").fadeOut();
	var formData = new FormData(document.getElementById("uploadFile"));
	var templateid = $("#templatedropbox option:selected").val();
	//sendFileWithoutImport(templateid);
 
 
	/$.fancybox({
		width: "100%",
		height: "70%",
		autoSize: false,
		scrolling : 'yes',
		href: 'importexport/ImportExportController.php?doAction=importPreview&templateid='+templateid,
		type: 'ajax'
	});
}


1
2
3
4
5
6
<form id="uploadFile" name="uploadFile" enctype="multipart/form-data">
	<table width="100%">
		<tr><th style="width:100px;" align="left">Import File:</th><td><input type="file" id="file" class="" name="file"></td></tr>
 
	</table>
</form>


A estas altura ya he probado de todo. Mediante $.post, $.ajax (segun he leido por esta forma no se puede).

Alguna sugerencia!

Un saludo
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder