vue 워드,pdf 파일 내 보 내기 기능 구현

1280 단어 vuewordpdf도 출
vue 는 워드 나 pdf 문서 내 보 내기 기능 을 실현 합 니 다.제 프로젝트 는 백 엔 드 에서 문서 흐름(아래 그림)을 되 돌려 주 고 전단 에서 문서 흐름 을 처리 하여 다운로드 합 니 다.코드 는 다음 과 같 습 니 다.

import axios from 'axios';
    axios.get(`url`, { //url:     
responseType: `arraybuffer` //    
})
.then(res => {
if(res.status == 200){
let blob = new Blob([res.data], {
type: `application/msword` //word   msword,pdf   pdf
});
let objectUrl = URL.createObjectURL(blob);
let link = document.createElement("a");
let fname = `    `; //       
link.href = objectUrl;
link.setAttribute("download", fname);
document.body.appendChild(link);
link.click();
}else {
this.$message({
type: "error",
message: "    "
})
}
});
백 엔 드 에서 돌아 오 는 문서 흐름 의 형식:
PDF 형식:

워드 형식:

총결산
위 에서 말 한 것 은 소 편 이 소개 한 vue 가 워드,pdf 파일 내 보 내기 기능 을 실현 하 는 것 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
JS 모 바 일 터치 스크린 드래그 기능 구현
create-react-app 에서 css modules 의 예제 코드 를 사용 합 니 다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage