You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Bonjour,
J'utilise l'affichage de document PDF grâce au pré construit en utilisant viewer.html, qui est un excellent composant d'affichage de PDF.
En l'utilisant ainsi :
Définition du mode zoom en fonction du type de document que je vais ouvrir (obligatoire pour certains documents d'être ouverts et de devoir scroller jusqu'au bas de page).
commandZoom = "?zoom=FitH"
sinon définir en pleine page
commandZoom = "?zoom=Fit"
définition de l'url du viewer.html:
var urlViewerHtml = getApiUrl('/Scripts/pdfjs/web/viewer.html');
ajout du mode zoom et du fichier à ouvrir: const viewerUrl = ${urlViewerHtml}${commandZoom}&file=${encodeURIComponent(data.path)};
sauvegarde du lien dans ma liste
li.textContent = ${viewerUrl};
et pour finir, affichage du PDF avec l'interface déjà construite viewer.html dans mon iframe. pdfFrame.src = viewerUrl ;
Le viewer avec le fichier PDF s'affiche bien, mais le mode zoom ne change pas, peut importe zoom= ?
Il me semble que les instructions sont bonnes ?
J'ai utilisé la dernière version en date de Pdfjs et gardé la même structure build & web dans ma source.
Si une personne pouvait me dire comment résoudre cela, si j'ai fait une erreur ?
Spécifications: Application Web .Net 4.7.2 razor C#
activation du support module dans tsconfig.json
{
"compilerOptions": {
"noImplicitAny": false,
"noEmitOnError": true,
"removeComments": false,
"sourceMap": true,
"module": "ESNext", // Utiliser les modules ES
"target": "ES6", // Cibler ES6 (ou une version plus récente)
"moduleResolution": "Node", // Résolution des modules
"allowJs": true, // Autoriser les fichiers JavaScript
"checkJs": false, // Vérifier les fichiers JavaScript
"outDir": "./dist", // Dossier de sortie (optionnel)
"rootDir": "./", // Dossier racine
"strict": false // Activer les vérifications strictes
},
"include": [ "Scripts/**/*.js", "Scripts/**/*.ts" ], // Inclure les fichiers JS/TS
"exclude": [
"node_modules",
"wwwroot"
]
}
Pour le fichier viewer.ftl je ne sais pas s'il faut ajouter quelque chose ?
sachant que j'ai gardé la structure identique fourni dans le zip.
J'ai des erreurs de chargement, ce qui pourrait être la cause ?
Failed to load resource: the server responded with a status of 404 ()Understand this errorAI https://localhost:44361/Scripts/pdfjs/web/locale/fr/viewer.ftl
localization.js:25 Uncaught (in promise) Error
at fetchData (display_utils.js:41:13)
at async #createBundle (genericl10n.js:101:43)
at async #generateBundles (genericl10n.js:92:3)
Correction :
en modifiant la construction de l'url :
Cela fonctionne bien, donc en fin de compte faut passer d'abord le fichier et ensuite le mode du zoom (#xxx =)
Par contre toujours l'erreur indiquée ci-dessus alors que normalement, c'est le viewer.html qui utilise les class et j'ai respecté la structure des dossiers ?
Je précise que le développement Web n'est pas une spécialité pour moi ;)
En vous remerciant par avance.
Claude
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Bonjour,
J'utilise l'affichage de document PDF grâce au pré construit en utilisant viewer.html, qui est un excellent composant d'affichage de PDF.
En l'utilisant ainsi :
Définition du mode zoom en fonction du type de document que je vais ouvrir (obligatoire pour certains documents d'être ouverts et de devoir scroller jusqu'au bas de page).
commandZoom = "?zoom=FitH"
sinon définir en pleine page
commandZoom = "?zoom=Fit"
définition de l'url du viewer.html:
var urlViewerHtml = getApiUrl('/Scripts/pdfjs/web/viewer.html');
ajout du mode zoom et du fichier à ouvrir:
const viewerUrl =
${urlViewerHtml}${commandZoom}&file=${encodeURIComponent(data.path)}
;sauvegarde du lien dans ma liste
li.textContent =
${viewerUrl}
;et pour finir, affichage du PDF avec l'interface déjà construite viewer.html dans mon iframe.
pdfFrame.src = viewerUrl ;
Le viewer avec le fichier PDF s'affiche bien, mais le mode zoom ne change pas, peut importe zoom= ?
Il me semble que les instructions sont bonnes ?
J'ai utilisé la dernière version en date de Pdfjs et gardé la même structure build & web dans ma source.
Si une personne pouvait me dire comment résoudre cela, si j'ai fait une erreur ?
Spécifications:
Application Web .Net 4.7.2 razor C#
activation du support module dans tsconfig.json
Web.config ajout :
Pour le fichier viewer.ftl je ne sais pas s'il faut ajouter quelque chose ?
sachant que j'ai gardé la structure identique fourni dans le zip.
J'ai des erreurs de chargement, ce qui pourrait être la cause ?
Failed to load resource: the server responded with a status of 404 ()Understand this errorAI
https://localhost:44361/Scripts/pdfjs/web/locale/fr/viewer.ftl
localization.js:25 Uncaught (in promise) Error
at fetchData (display_utils.js:41:13)
at async #createBundle (genericl10n.js:101:43)
at async #generateBundles (genericl10n.js:92:3)
Correction :
en modifiant la construction de l'url :
Cela fonctionne bien, donc en fin de compte faut passer d'abord le fichier et ensuite le mode du zoom (#xxx =)
Par contre toujours l'erreur indiquée ci-dessus alors que normalement, c'est le viewer.html qui utilise les class et j'ai respecté la structure des dossiers ?
Je précise que le développement Web n'est pas une spécialité pour moi ;)
En vous remerciant par avance.
Claude
Beta Was this translation helpful? Give feedback.
All reactions