3

Estoy intentando cargar un pdf en una nueva pestaña del navegador pasándolo por res.send para que el archivo siga siendo privado y no accesible a no ser que el usuario tenga los permisos necesarios. El problema está en que cuando se abre el archivo pdf en el navegador, no aparece el contenido, las hojas aparecen en blanco.

El código en node.js es:

FilesController.prototype.showPdfInBrowser = function (req, res) {
var filePath = "My url"

fs.readFile(filePath , function (err,data){
    res.send(data);
});
};

Y el de AngularJS (Angular 1):

$scope.showPdfInBrowser = function (log) {
            $http.get(log.url)
                .then(function (data) {
                    console.log(data);

                    var file = new Blob([data.data], {type: 'application/pdf'});
                    var fileUrl = URL.createObjectURL(file);
                    window.open(fileUrl);
                })
        };
8
  • 4
    Voto para cerrar esta pregunta como tema no relacionado porque está en inglés
    – toledano
    Commented el 12 oct. 2016 a las 0:04
  • 2
    ya está traducida
    – Fzurita
    Commented el 12 oct. 2016 a las 11:37
  • el título faltaría.
    – Alan
    Commented el 12 oct. 2016 a las 15:09
  • @Alan, no se a que te refieres con el título. Como aclaración es la primera vez que publico algo en stack overflow. Gracias
    – Fzurita
    Commented el 12 oct. 2016 a las 16:21
  • puedes hacer un console.log(data) del backend? Commented el 12 oct. 2016 a las 16:30

3 respuestas 3

1

Al final ya solucioné el problema. Simplemente había que poner cuál era el tipo de datos que iba a recibir la petición en AngularJS (Angular 1).

Haciendo referencia al ejemplo que puse al publicar la pregunta, en la parte de AngularJS habría que poner lo siguiente:

$scope.showPdfInBrowser = function (log) {
    $http.get(log.url, { responseType: 'arraybuffer' })   // <----- tipo de datos
        .then(function (data) {
            console.log(data);
            var file = new Blob([data.data], {type:'application/pdf'});
            var fileUrl = URL.createObjectURL(file);
            window.open(fileUrl);
        })
};
0

No estoy seguro pero creo que estas usando express, si es asi puedes usar res.sendFile o res.sendfile (dependiendo de la version que estes usando)

0

por si quieres dar una vista mas detallada puedes usar PDF.js , solo le tendrias que agregar una linea de codigo asi :

$scope.showPdfInBrowser = function (log) {
$http.get(log.url, { responseType: 'arraybuffer' })   // <----- tipo de datos
    .then(function (data) {
        console.log(data);
        var file = new Blob([data.data], {type:'application/pdf'});
        var fileUrl = URL.createObjectURL(file);
        var viewerUrl = '/Scripts/PDF.js/web/viewer.html?file=' + encodeURIComponent(fileUrl);
        window.open(viewerUrl);
    })
};

y el resultado seria algo asi https://mozilla.github.io/pdf.js/web/viewer.html. Saludos

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.