Thêm hình ảnh vào tiêu đề bằng cách sử dụng mô-đun nút html-pdf

Question

Tôi đang sử dụng this để chuyển đổi html sang PDF. Chuyển đổi thực sự tốt. Nhưng vấn đề là thêm đầu trang và chân trang trong các trang PDF. Trong tùy chọn nếu tôi thêm các văn bản tiêu đề tôi đã nhận được kết quả những gì tôi mong đợi.

//Options 

    var options = { 
    "header": { 
     "height": "45mm", 
     "contents": "<div style='text-align: center;'>Author: Marc Bachmann</div>" // If i add image in content it wont work 
    // sample i tried 
     }, 
     "footer": { 
     "height": "28mm", 
     "contents": "<span style='color: #444;'>{{page}}</span>/<span>{{pages}}</span>" 
     } 
    } 
// Tried this in contents <img src="image path" /> 
    var result = <div class="container"> HTML CONTENT</div>'; 

     pdf.create(result, options).toFile(fileName + ".pdf", function(err, res) { 
     if (err) { 
     console.error(err); 
     callback(); 
     } 

Sau đó, nếu tôi thêm thẻ hình ảnh vào tùy chọn tiêu đề (nội dung) tôi không nhận được hình ảnh trong tệp PDF được tạo. Bạn có thể vui lòng cho tôi một giải pháp cho lời cảm ơn này không.

Answer 1

Có thể thêm hình ảnh vào tiêu đề tùy chọn. 1. Tải hình ảnh trong phần thân html với kiểu "display: none". 2.Sau đó thêm hình ảnh vào tiêu đề tùy chọn Bằng cách thực hiện việc này, hình ảnh được lưu vào bộ nhớ cache và có thể đính kèm hình ảnh vào tiêu đề.

var options = { 
    "format": 'Letter', 
    "orientation": "portrait", 
    "header": { 
    "contents": "<img src='image path' />", 
     "height": "30mm" 
    }, 
    "footer": { 
    "contents": footer 
    } 
} 
pdf.create("<div style='display:none'><img src='image path' /></div>", options).toFile("sample.pdf", function(err, res) { 
     if (err) { 
       console.error(err); 
       callback(); 
     } 
}); 

Answer 2

đề cập đến this issue trên github, bạn không thể đưa hình ảnh của bạn trực tiếp trong options.header, bạn cần phải đặt nó trong cơ thể bên trong một <div id="pageHeader"></div>:

var pdf = require('html-pdf'); 
var path = require('path'); 

// this is very important, you have to put file:// before your path 
// and normalize the resulting path 
var imgSrc = 'file://' + __dirname + '/350x120.png'; 
imgSrc = path.normalize(imgSrc); 
// or var imgSrc = path.join('file://', __dirname, '/350x120.png'); 

// Options 
var options = { 
    "header": { 
     "height": "45mm", 
     "contents": "" 
    }, 
    "footer": { 
     "height": "28mm", 
     "contents": "<span style='color: #444;'>{{page}}</span>/<span>{{pages}}</span>" 
    } 
    } 
// put your entire header here and the content of the page outside the <div id="pageHeader"></div> 
var result = "<div id='pageHeader'><img src='" + imgSrc + "' /><div style='text-align: center;'>Author: Marc Bachmann</div></div>"; 
result += "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>"; 
var fileName = __dirname + '/test.pdf'; 
pdf.create(result, options).toFile(fileName, function(err, res) { 
    if (err) { 
    console.error(err); 
    } 
}); 

Với mã này, tôi nhận được pdf này: