현실에 굴복하고 남은 밤을 베개와 함께 보내려던 찰나, 밤의 어둠 속에서 한줄기 빛처럼 제 앞길을 밝혀준 놀라운 엔피엠 패키지, 오피스 프린트를 발견했습니다.
I. 사무용 인쇄물에 대한 첫인상
office-print는 웹 환경을 위해 특별히 설계된 경량 JavaScript 라이브러리로, 웹 애플리케이션에 원활하게 통합되어 Excel, Word, PowerPoint, PDF 및 다양한 파일 형식을 포함한 그림을 포함하여 직접 인쇄의 브라우저 측을 달성하는 기능의 고유성입니다. 복잡한 서버 백엔드 지원없이 몇 줄의 간단한 코드 호출만으로 오랫동안 나를 괴롭혀 왔던 문제를 쉽게 해결할 수 있습니다.
설치 단계는 매우 간단하여 npm 또는 yarn 사용에 익숙하든 상관없이 프로젝트를 빠르게 도입할 수 있습니다:
Bash
# npm설치
npm install office-print --save
# 또는 원사 사용
yarn add office-print --save
둘째, 실제 데모: 마법의 순간을 담은 오피스 프린트
웹 리소스 인쇄
Javascript
const OfficePrint = require('office-print');
let fileUrl = 'your network excel url'; // 인쇄하려는 엑셀 파일의 URL을 입력하세요.
fetch(fileUrl).then(response => response.arrayBuffer()).then(arrayBuffer => {
let file = new File([arrayBuffer], filename);
const officePrint = new OfficePrint();
officePrint.print(file);
});
네트워크 파일을 가져와서 ArrayBuffer로 변환한 다음 File 개체를 만들어 Office 인쇄에 전달하면 원격 문서를 즉시 인쇄할 수 있습니다.
로컬로 업로드한 파일 인쇄
Html
<input type="file" id="input">
Javascript
const inputElement = document.getElementById("input");
inputElement.addEventListener("change", handleFiles, false);
function handleFiles() {
const fileList = this.files; // 선택한 파일 목록 가져오기
fileList.forEach(file => {
const officePrint = new OfficePrint();
officePrint.print(file);
});
}
페이지에 파일 입력 컨트롤을 추가하여 사용자가 파일을 선택하면 사용자가 선택한 로컬 파일이 오피스 프린트를 사용하여 실시간으로 인쇄될 수 있도록 합니다.
경로가 알려진 로컬 파일의 직접 인쇄
Javascript
const OfficePrint = require('office-print');
let fileUrl = 'your local file system excel url';
const officePrint = new OfficePrint();
officePrint.printFile(fileUrl);
경로가 알려진 로컬 파일의 경우 사용자가 업로드할 필요가 없으므로 파일 경로를 직접 지정하고 클릭 한 번으로 인쇄 작업을 트리거할 수 있습니다.
결론
심플하고 우아한 디자인, 강력한 기능, 편리한 사용 경험으로 오피스 프린트는 실제 프로젝트의 어려움을 해결할 뿐만 아니라 프로그래머로서 오랫동안 잃어버렸던 기술적 재미와 성취감을 느낄 수 있게 해줬습니다.
비슷한 요구 사항이 있었거나 안정적이고 사용하기 쉬운 웹 인쇄 솔루션을 찾고 있다면 웹 개발의 세계에서 여러분의 오른팔이 되어줄 Office-print를 사용해 보세요.
