js 实现循环下载 pdf 文件

  function alluplop1(){
        var rows = $('#bootstrap-table').bootstrapTable('getSelections');
        if (rows.length == 0) {
            $.modal.alertWarning("请选择下载单据!");
            return;
        }
        for(var i=0;i<rows.length;i++){
          downloadFile(rows[i].url);
        }
    }
function downloadFile(url) {

        var iframe = document.createElement('iframe')

        iframe.style.display = 'none' // 防止影响页面

        iframe.style.height = 0 // 防止影响页面

        iframe.src = url

        document.body.appendChild(iframe) 

        console.log(iframe)
        setTimeout(() => {

            iframe.remove()

        }, 5000)

    }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端可以使用JavaScript中的PDF.js库来实现PDF文件的分割。PDF.js是一个开源的JavaScript库,它可以在网页上渲染和操作PDF文件。下面是一个简单的示例代码,演示如何使用PDF.js实现PDF文件分割: 首先,你需要在HTML文件中引入PDF.js库的脚本: ```html <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.7.570/pdf.min.js"></script> ``` 然后,在JavaScript文件中编写代码: ```javascript // 定义要分割的PDF文件路径 const pdfUrl = 'path/to/your/pdf/file.pdf'; // 创建一个异步函数来加载和分割PDF文件 async function splitPDF() { // 加载PDF文件 const loadingTask = pdfjsLib.getDocument(pdfUrl); const pdf = await loadingTask.promise; // 获取PDF总页数 const totalPages = pdf.numPages; // 定义分割点,例如将PDF文件分成两部分 const splitPoint = Math.floor(totalPages / 2); // 循环遍历每一页,根据分割点进行分割 for (let pageNumber = 1; pageNumber <= totalPages; pageNumber++) { // 获取当前页的PDF页面对象 const page = await pdf.getPage(pageNumber); // 创建一个新的PDF文档 const newPdf = await pdfjsLib.getDocument().promise; // 将当前页添加到新的PDF文档中 newPdf.insertPage(pageNumber, page); // 如果达到了分割点,则保存当前新的PDF文档为一个单独的文件 if (pageNumber === splitPoint) { const newPdfData = await newPdf.getData(); saveAs(new Blob([newPdfData], { type: 'application/pdf' }), 'split_pdf_1.pdf'); } } } // 调用分割函数 splitPDF(); ``` 上述代码中,我们首先使用`pdfjsLib.getDocument()`方法加载PDF文件,然后获取PDF的总页数。接着,我们定义一个分割点,例如将PDF文件分成两部分。然后,我们循环遍历每一页,将每一页添加到一个新的PDF文档中。当达到分割点时,我们将当前的新PDF文档保存为一个单独的文件。 请注意,上述示例代码中使用了`saveAs()`函数来保存新的PDF文件。`saveAs()`函数是FileSaver.js库提供的函数,用于保存Blob对象为本地文件。你需要在页面中引入FileSaver.js库的脚本: ```html <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script> ``` 最后,你可以根据实际需求修改代码,例如更改分割点、文件命名等。希望这个示例能对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值