We saved the pdf into our database (SQL Server). Here is the javascript code for our viewer.
document.addEventListener("adobe_dc_view_sdk.ready", function () {
var fileUrl = pdfInfo.url;
if (/^(http|https)/i.test(pdfInfo.url)) {
//we need to get the file from this domain thru our proxy endpoint to avoid CORS issues
fileUrl = '/pdf/stream?file=' + encodeURIComponent(pdfInfo.url);
}
var adobeDCView = new AdobeDC.View({ clientId: pdfInfo.adobeClientId, divId: "adobe-dc-view" });
var previewFilePromise = adobeDCView.previewFile({
content: {
location: { url: fileUrl }
},
metaData: {
fileName: pdfInfo.name || "file.pdf",
id: pdfInfo.id || "file1" /* this is required for annotation to work */
}
}, {
enableAnnotationAPIs: true,
});
previewFilePromise.then(adobeViewer => {
adobeViewer.getAnnotationManager().then(annotationManager => {
window.AdobeAnnotationManager = annotationManager;
// All annotation APIs can be invoked here
console.log("loading annotations ....")
return loadDocumentAnnotations(pdfInfo.url).then(function (listOfAnnotations) {
console.log("List of annotations from db ", listOfAnnotations);
if (listOfAnnotations && listOfAnnotations.length) {
annotationManager.addAnnotations(listOfAnnotations).then(function () {
registerAnnotationEventListeners(annotationManager);
});
} else {
registerAnnotationEventListeners(annotationManager);
}
document.title = pdfInfo.name;
var div = document.querySelector("#righPanel");
if (div) {
div.classList.remove("loading");
}
toggleRightPanel();
var note = window.pdfInfo.note;
if (note) {
annotationManager.selectAnnotation(note);
}
}).catch(function(){
registerAnnotationEventListeners(annotationManager);
});
});
adobeViewer.getAPIs().then(function (apis) {
if (window.pdfInfo.page) {
var x = Number(pdfInfo.x || 0);
var y = Number(pdfInfo.y || 0);
var page = Number(page) || 1;
setTimeout(function () {
apis.gotoLocation(page, x, y);
}, 800);
}
window.AdobeVieweApi = apis;
});
window.AdobeViewer = adobeViewer;
});
adobeDCView.registerCallback(AdobeDC.View.Enum.CallbackType.GET_USER_PROFILE_API, function () {
return Promise.resolve({
code: AdobeDC.View.Enum.ApiResponseCode.SUCCESS,
data: {
userProfile: {
name: window.pdfInfo.username,
firstName: "",
lastName: "",
email: window.pdfInfo.username
}
}
});
});
adobeDCView.registerCallback(
AdobeDC.View.Enum.CallbackType.SAVE_API,
function (metaData, content, options) {
return new Promise(function (resolve, reject) {
var url = '/pdf/updatebinary?fileStreamId=' + pdfInfo.documentId;
console.log("saving...")
fetch(url, {
method: 'POST',
body: content
}).then(function (response) {
return response.json();
}).then(function (result) {
console.log("saving done");
resolve({
code: AdobeDC.View.Enum.ApiResponseCode.SUCCESS,
data: {
metaData: metaData
}
});
}).catch(function (err) {
reject({
code: AdobeDC.View.Enum.ApiResponseCode.FAIL,
data: {
metaData: metaData
}
});
});
});
}, {
autoSaveFrequency: 0,
enableFocusPolling: false,
showSaveButton: true
}
);
adobeDCView.registerCallback(
AdobeDC.View.Enum.CallbackType.EVENT_LISTENER,
function (event) {
console.log("Alert annotation started.......................")
console.log(event.type, event.data);
toggleRightPanel('notes');
}, {
// Pass the events to receive.
// If no event is passed in listenOn, then all the annotation events will be received.
listenOn: [
AdobeDC.View.Enum.AnnotationEvents.ANNOTATION_ADDED,
AdobeDC.View.Enum.AnnotationEvents.ANNOTATION_CLICKED,
AdobeDC.View.Enum.AnnotationEvents.ANNOTATION_MODE_STARTED
],
enableAnnotationEvents: true
}
);
adobeDCView.registerCallback(
AdobeDC.View.Enum.CallbackType.EVENT_LISTENER,
function (event) {
console.log("preview selection end fired")
AdobeVieweApi.getSelectedContent().then(function (result) {
copyToClipboard(result);
});
}, {
listenOn: [AdobeDC.View.Enum.FilePreviewEvents.PREVIEW_SELECTION_END],
enableFilePreviewEvents: true
}
);
adobeDCView.registerCallback(
AdobeDC.View.Enum.CallbackType.EVENT_LISTENER,
function (event) {
console.log("event", event);
var copiedText = event.data.copiedText;
var frame = document.querySelector('#propIFrame');
if (frame && frame.contentWindow) {
var selectedField = frame.contentWindow.lastFocusedField;
if (selectedField && /(input|select|textarea)/i.test(selectedField.nodeName)) {
selectedField.value = copiedText;
}
}
}, {
//Pass the PDF analytics events to receive.
//If no event is passed in listenOn, then all PDF analytics events will be received.
listenOn: [AdobeDC.View.Enum.PDFAnalyticsEvents.TEXT_COPY],
enablePDFAnalytics: true
}
);
});
1 Correct answer
11
Replies
AdChoices