Estoy intentando hacer descargas de archivo de manera dinámica, para ello utilizo jquery. Los archivos pdf los estoy generando desde php con el plugin Html2Pdf (eso ya lo tengo resuelto.) El asunto es que:
Tengo "tarjetas" con datos generales de usuarios. Al hacer clic en "descargar" el sistema tiene que validar: 1.- Si se tiene permiso para hacer la descarga 2.- Que el limite de descargas no haya llegando a tope. Si ambas condiciones son validadas se tiene que retornar un pdf generado desde php. He ahí el problema, ¿Como envío desde php un pdf para poderlo descargar desde jquery? :/
Actualmente llevo esto:
Acción de descarga con jquery:
$('.descargarperfilbusqueda').click(function(){
var token = $(this).attr('id');
var datos = new FormData();
datos.append("getpdfdescargar",true);
datos.append("token",token);
$.ajax({
url:"../../views/ajax.php",
method:"POST",
dataType: 'JSON',
data:datos,
cache:false,
contentType:false,
processData:false,
success: function(regreso){
alert();
}
});
});
Archivo que recibe la petición ajax.php
if(isset($_POST['getpdfdescargar']) && $_POST['getpdfdescargar']==true){
$instancia = privilegiosEmpresaController();
$band = $instancia->permisoDescargar();
if($band==true){
//Aquí hago las instancias a los controladores correspondientes
//y genero ro el pdf. En resumen algo así.
require_once 'views/pdftemplates/cv.php';
$html=ob_get_clean();
$html2pdf = new HTML2PDF('P','A4','es','true','UTF-8', array(15, 10, 15, 10));
$html2pdf->setDefaultFont('Arial');
$html2pdf->writeHTML($html);
ob_end_clean();
$html2pdf->Output($path.$archivo, 'F');
$salida =$path.$archivo;
header('Content-type: application/pdf');
header('Content-Disposition: attachment; filename="'.$archivo.'"');
readfile($salida);
}else{
return flase;
}
}
La duda es: ¿En jquery (ajax) como recibo ese objeto para iniciarlizar la descarga del archivo?
Editado: Publiqué una respuesta que no me está sirviendo del todo, explico: Estoy indicándole a ajax que el objeto que voy a recibir es un blob, y con el siguiente código inicio la descarga sin problema.
$('.descargarperfilbusqueda').click(function(){
var token = $(this).attr('id');
var datos = new FormData();
datos.append("getpdfdescargar",true);
datos.append("token",token);
$.ajax({
url:"../../views/ajax.php",
method:"POST",
//dataType: 'JSON',
data:datos,
cache:false,
contentType: false,
processData:false,
xhrFields: {
responseType: 'blob'
},
success: function(regreso){
var a = document.createElement('a');
var url = window.URL.createObjectURL(regreso);
a.href = url;
a.download = 'archivo.pdf';
a.click();
window.URL.revokeObjectURL(url);
}
});
});
Hasta ahí todo está bien, el problema es que antes de descargar el pdf necesito hacer varias validaciones, por ejemplo: 1.- Validar el privilegio para la descarga-. 2.- Validar que el limite no haya llegado a tope, etc. Entonces el código lo tengo así:
$('.descargarperfilbusqueda').click(function(){
var token = $(this).attr('id');
var datos = new FormData();
datos.append("getpdfdescargar",true);
datos.append("token",token);
$.ajax({
url:"../../views/ajax.php",
method:"POST",
//dataType: 'JSON',
data:datos,
cache:false,
contentType: false,
processData:false,
xhrFields: {
responseType: 'blob'
},
success: function(regreso){
alert(regreso);
console.log(regreso);
if(regreso===0){
swal({
title: ':(',
text: 'No cuentas con privilegios para realizar esta acción.',
button: {
text: "OK",
value: true,
visible: true,
className: "btn btn-primary"
}
})
}else if(regreso===1){
swal({
title: ':/',
text: 'Ocurrió un problema al intentar descargar el archivo. Por favor intenta nuevamente.',
button: {
text: "OK",
value: true,
visible: true,
className: "btn btn-primary"
}
})
}
else{
var a = document.createElement('a');
var url = window.URL.createObjectURL(regreso);
a.href = url;
a.download = 'archivo.pdf';
a.click();
window.URL.revokeObjectURL(url);
}
}
});
});
¿El problema? Ajax está recibiendo un objeto blob entonces mis condiciones para mostrar los mensajes de validación no entran. Necesito recibir desde el servidor php (true, false o el string del pdf según sea el caso) y ya en jquery convertirlo a blob solo cuando este cumpla con la condición.
Nota: Este código me sirve, es decir, me genera y descarga el dpf correctamente, pero no me funcionan los mensajes de advertencia (validaciones) por obvias razones.
¿Como convierto un string a un archivo blob pdf e iniciar la descarga?
Gracias.
header
para forzar la descarga, por ejemplo:header("Content-Type: application/octet-stream"); header("Content-Type: application/download"); header("Content-Description: File Transfer");
Aquí tienes un ejemplo completo. Si quieres, puedes volver luego a Ajax para indicar al usuario simplemente que el archivo se descargó con éxito...