L'affichage d'une image .tiff ou .tif

Pas la façon de faire de ce processus et à la consultation, mais n'a pas atteint, si je peux vous aider.

de la sonde de ce qui s'est passé à quelque chose comme ceci:

    var reader = new FileReader();
reader.onload = function(event) {
    var dataUri = event.target.result,
        context = document.getElementById("mycanvas").getContext("2d"),
        img     = new Image();

    //wait until the image has been fully processed
    img.onload = function() {
        context.drawImage(img, 100, 100);
    };
img.src = 'url_imagen';
};

reader.onerror = function(event) {
    console.error("File could not be read! Code " + event.target.error.code);
};

reader.readAsDataURL(file);

Avec toutes les contributions à réaliser, mais l'essayer et si ça fonctionne.

Point de s'exécuter au désert, le poker des images ayant résolution jpg mon livre le message d'erreur suivant:

TIFFReadDirectory: Attention, terrain Inconnu avec le tag 347 (0x15b) rencontrées.
tiff_min.js (línea 103)
1.tiff: la compression JPEG de soutien n'est pas configuré.
tiff_min.js (línea 103)
1.tiff: Désolé, demandé méthode de compression n'est pas configuré.
tiff_min.js (línea 103)
uncaught exception: [object object]

La sonde code qui est-ce:

Tiff.initialize({TOTAL_MEMORY: 19777216 * 10});
        var xhr = new XMLHttpRequest();
        xhr.responseType = 'arraybuffer';
        xhr.open('GET', url);
        xhr.onload = function (e) {
            var tiff = new Tiff({buffer: xhr.response,height:450});
            var canvas = tiff.toCanvas();
            //canvas.width = 700;
            //canvas.height = 450;
            div.html(canvas);
            msn('Imagen cargada', "Imagen cargada con exito.");
        };
        xhr.send();
InformationsquelleAutor Alberto Mira | 2015-07-27
  1. 2

    Comme réponse à ici et ici, tout se résume à la prise en charge du navigateur.

    Vous pouvez toutefois obtenir l'image binaire des données et les afficher à l'aide d'une bibliothèque:

    https://github.com/seikichi/tiff.js

    https://code.google.com/p/tiffus/

    https://github.com/GPHemsley/tiff-js

    • Point d'exécuter un désert, le poker des images ayant résolution jpg mon livre le message d'erreur suivant: TIFFReadDirectory: Attention, terrain Inconnu avec le tag 347 (0x15b) rencontrées. tiff_min.js (línea 103) 1.tiff: la compression JPEG de soutien n'est pas configuré. tiff_min.js (línea 103) 1.tiff: Désolé, demandé méthode de compression n'est pas configuré. tiff_min.js (línea 103) uncaught exception: [object object]
    • Eh bien, il semble que les fichiers que vous souhaitez utiliser ne sont pas pris en charge par libtiff, qui est ce que le premier lien utilise. Avez-vous essayer les deux autres liens?
    • Ils n'ont pas de travail quand une image en tiff avec une bonne résolution ne fonctionne pas, celle de google (second lien) ne pas l'utiliser parce que je le vois, c'est pour java et itilizarlo avec gwt alors, où est-il donot javascript ......
    • Le tiffus bibliothèque a côté client en javascript et mise en œuvre. Et même s'ils ne répondent pas à vos besoins...ma réponse est toujours correct, ce sont les options que vous avez en ce moment pour travailler avec des fichiers tiff sur le web.
    • Où est ce côté client, la mise en œuvre? Pas dans le repo même si le dernier commit a plus de 5 ans? Pourquoi personne mis à jour depuis, même avec un fichier binaire? Si cette bibliothèque est même pas la peine de mentionner pourquoi il n'y a pas de binaire disponible n'importe où? En binaire, je veux dire, js fichiers de cours. Recherche Google pour "tiffus.js" ne donne aucun résultat.
    • Depuis google code est éteint, vous ne savez pas si il n'y avait jamais binaires disponibles pour le téléchargement. Dans tous les cas, l'utilisateur prétend avoir un js version avec des fonctionnalités de base, vous devriez probablement demandez-lui directement.

    InformationsquelleAutor cviejo
  2. 0

    L'affichage de Fichier Tiff dans angulaire par l'affichage de l'image dans le canevas.

    Télécharger le 'tiff.min.js" de https://github.com/seikichi/tiff.js et ajouter le fichier à la 'src' dossier.

    Mise à jour de l'angle.fichier json avec
    "scripts": [ "src/tiff.min.js"]

    titre de "projet"-> "architecte" -> "construire"->"options"->"scripts"

    À l'intérieur du fichier ts de la composante ajoutez le code suivant:

    declare var Tiff: any;  # declared globally outside the class

# inside the component class
let xhr = new XMLHttpRequest();
xhr.responseType = 'arraybuffer';
xhr.open('GET', 'src_of_image_to_be_displayed');
xhr.onload = (e) => {
  let tiff = new Tiff({buffer: xhr.response});
  let canvas = tiff.toCanvas();
  document.body.append(canvas); # append to an div element 
}
xhr.send();
    InformationsquelleAutor Kanish Mathew