Excel快速批量導入生產Cavns并生成圖片下載到本地

SillyMonkey 發布于2019-08-22 15:50 / 2574人閱讀

摘要：然后封面就一個一個下啦是不是很方便具體源代碼在上有用的話記得星星

有時候會有這樣的需求吧

有一個表格里面有一批數據需要批量生成封面
我們在瀏覽器里可以批量生成
比如

我們有這樣一個表格需要生成圖書封面

有三千多本書的話該怎么生成

我們就可以這樣做

$.ajax({
        url: "ssss.csv",
        dataType: "text"
    }).done(successFunction);

function successFunction(data) {
        var allRows = data.split(/
?
|
/);
        var table = "";
        for (var singleRow = 0; singleRow < 10; singleRow++) {
            if (singleRow === 0) {
                table += "";
                table += "";
            } else {
                table += "";
            }
            var rowCells = allRows[singleRow].split(",");
            var m = {
                a: rowCells[0],
                b: rowCells[1],
                c: rowCells[2],
                d: rowCells[3]
            }
            book.push(m)
            for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
                if (singleRow === 0) {
                    table += "";
                } else {
                    table += "";
                }
            }
            if (singleRow === 0) {
                table += "";
                table += "";
                table += "";
            } else {
                table += "";
            }
        }
        table += "";
        table += "
";
                    table += rowCells[rowCell];
                    table += " ";
                    table += rowCells[rowCell];
                    table += "
";
        $("body").append(table);
    }

首先要解析excel表格
把csv格式的excel轉化成html里面的table順便把需要的信息push到一個數組

html里得到這樣的表格

然后構建canvas

function drawBook(arr) {
        console.log(arr)
        var c = document.getElementById("myCanvas");
        var img = "c.png"
        var ctx = c.getContext("2d");
        // cxt.drawImage("c.png",0,0)
        
        var img = new Image();
        if (Math.random() < 0.5) {
          img.src = "c.png";
        } else {
          img.src = "b.png";
        }
        img.onload = function() {
            ctx.drawImage(img, 0, 0, 467, 666);
            ctx.fillStyle = "#985d3f";
            ctx.textAlign = "center";
            ctx.font = "36px Arial";
            ctx.fillText(arr.b.substring(0,8), 233, 100);
            ctx.fillText(arr.b.substring(8,16), 233, 150);
            ctx.fillText(arr.b.substring(16,24), 233, 200);
            ctx.font = "20px Arial";
            ctx.fillText(arr.c + "/著", 233, 240);
            ctx.font = "16px Arial";
            ctx.fillStyle = "#fff";
            ctx.fillText(arr.d, 233, 635);
            var i = c.toDataURL()
            download(i, arr.a, "png")
            // Canvas2Image.saveAsPNG(c)
        }
    }

function d() {
        b = book.length - 1
        for (var i = 0; i < book.length; i++) {
            setTimeout(() => {
                if (b !== 0) {
                    console.log(b)
                    drawBook(book[b])
                    b--
                }
            }, i * 2000)
        }
    }

畫好后用canvas2image.js下載圖片

然后在chrome里設置下下載路徑。然后封面就一個一個下啦

是不是很方便

具體源代碼在github上
https://github.com/fanshyiis/...

有用的話記得星星

GPU云服務器云服務器批量導入本地數據 excel導入到sqlserver 鏡像下載到本地 ECS數據下載到本地

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93794.html

Excel大批量數據的導入和導出，如何做優化？

摘要：并且在對的抽象中，每一行，每一個單元格都是一個對象。對支持使用官方例子需要繼承，覆蓋方法，每讀取到一個單元格的數據則會回調次方法。概要Java對Excel的操作一般都是用POI，但是數據量大的話可能會導致頻繁的FGC或OOM，這篇文章跟大家說下如果避免踩POI的坑，以及分別對于xls和xlsx文件怎么優化大批量數據的導入和導出。一次線上問題這是一次線上的問題，因為一個大數據量的Excel導出...

Tecode 2022-06-28 18:59 評論0 收藏0
如何創建一個數據科學項目？

摘要：雖然我們可以在網上參照各種模板項目文章博客等創建一個數據科學項目，但是目前也沒有教科書對這些知識做一個統一的回答。舉個例子來說，數據科學分析項目通常就不需要部署和監控這兩個過程。創建文件描述源數據及位置。進一步探索和報告在整個數據科學項目中摘要：?在一個新的數據科學項目，你應該如何組織你的項目流程？數據和代碼要放在那里？應該使用什么工具？在對數據處理之前，需要考慮哪些方面？讀完本文...

Aceyclee 2019-05-29 17:11 評論0 收藏0
慕課網_《如何使用高德云圖在線制作屬于你的地圖》學習總結

摘要：時間年月日星期日說明本文部分內容均來自慕課網。用戶可以在服務器端調用云存儲云檢索從而構建自己的存儲和檢索服務，甚至可以制作自己的數據管理臺。時間：2017年08月13日星期日說明：本文部分內容均來自慕課網。@慕課網：http://www.imooc.com教學源碼：無學習源碼：https://github.com/zccodere/s... 第一章：云圖產品介紹 1-1 云圖產品介紹...

k00baa 2019-08-16 10:39 評論0 收藏0
慕課網_《如何使用高德云圖在線制作屬于你的地圖》學習總結

摘要：時間年月日星期日說明本文部分內容均來自慕課網。用戶可以在服務器端調用云存儲云檢索從而構建自己的存儲和檢索服務，甚至可以制作自己的數據管理臺。時間：2017年08月13日星期日說明：本文部分內容均來自慕課網。@慕課網：http://www.imooc.com教學源碼：無學習源碼：https://github.com/zccodere/s... 第一章：云圖產品介紹 1-1 云圖產品介紹...

afishhhhh 2019-08-22 10:53 評論0 收藏0
使用PHPExcel讀寫excel

摘要：要求，使用了名字空間編碼規范最新的語言新特性對版本的要求加強。已經放出穩定版，官方不再建議使用。保存和導入的行為分別由和負責。注意不要混淆和對象持有數據，和是對其進行序列化和反序列化的輔助類。單元隸屬于具體的表單，使用上和表單類互動最多。轉載請注明文章出處：https://tlanyan.me/use-phpexc... PHPOffice出品的PHPExcel是PHP讀取和生成Ex...

wupengyu 2019-06-28 18:23 評論0 收藏0