jszip에 대해 아시는분 제발좀 알려주세요 ㅠ

Question

제가 자바스크립트로 zip파일을 서버에서 받아서 zip파일 안에 있는 이미지들을 뿌려주는 뷰어를 개발중인데요.zip파일 안에 1.jpg란 그림이 포함되어있다면서버에서 집파일을 가져오는건 확인했는데,어떻게 얘를 써서 html에 이미지를 보여줄지 모르겠습니다.AIP를 찾아봐도 모르겠네요 ㅠㅠ 아시는 분 제발 도와주세요<script> JSZipUtils.getBinaryContent('http://localhost/ajax/1.zip', function(err, data) { if(err) { throw err; // or handle err } var zip &#61; new JSZip(data); console.log(&#34;1.jpg : &#34; &#43; zip.file(&#34;1.jpg&#34;).asUint8Array()); console.log(&#34;1.jpg : &#34; &#43; zip.file(&#34;1.jpg&#34;).asArrayBuffer()); var img1 &#61; new Image(zip.file(&#34;1.jpg&#34;)); img1.src &#61; &#34;1.zip/1.jpg&#34;; img1.zip.file(&#34;1.zip/1.jpg&#34;); console.log(img1); });

rexk · Answer

var JSZip &#61; require('jszip');var JSZipUtils &#61; require('jszip-utils');var ImageExtRegex &#61; /\.(jpg|png|jpeg|gif|ico)$/i; function insertImgTag(image) { var imgBin &#61; image.asBinary(); // Convert iamge binary string as base64 string var imgSrc &#61; 'data:image/png;base64,' &#43; btoa(imgBin); // Create img tag and insert it into document.body var img &#61; document.createElement('img'); img.src &#61; imgSrc; document.body.appendChild(img);} document.addEventListener('DOMContentLoaded', function () { JSZipUtils.getBinaryContent('/images.zip', function (err, data) { if (err) { console.error('failed to load file'); return; } var zipFiles &#61; new JSZip(data); console.log('files', zipFiles, zipFiles.files); var images &#61; (zipFiles.file(ImageExtRegex) || []) .filter(function (file) { // filter OSX specific encoded files. return !/^__MACOSX/.test(file.name) }); (images || []).forEach(function (image) { insertImgTag(image); }); });});

악마와산다 · Answer

정말 감사합니다 큰 도움이 됬어요!

jszip에 대해 아시는분 제발좀 알려주세요 ㅠ

2개의 답변

Q&A 목록