Image is not displayed in print preview

Asked May 14 '19 at 13:27

Active May 14 '19 at 15:16

Viewed 444 times

I am learning print.js, but I am having trouble printing the image. I tried to called printJS but the image is not displayed in the print preview.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://printjs-4de6.kxcdn.com/print.min.css"/>
    <script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
    <title>Document</title>
</head>
<body>
    <image src="test-01.jpg"/>
    <button type="button" onclick="printJS('test-01.jpg','image')">
        Print
     </button>
</body>
</html>

edited May 14 '19 at 15:16

Joel

asked May 14 '19 at 13:27

潘夏开

https://jsbin.com/juhanizobu/1/edit?html,js,output — I can't reproduce the problem, it works fine when I test it. – Quentin May 14 '19 at 13:50
@ Quentin it didn't work for local image files – 潘夏开 May 14 '19 at 14:24
@潘夏开 then it could be a problem with your image path – justinw May 14 '19 at 15:19
@潘夏开Can you try running your app through something like `http-server` and then try to print? Cheers – Rubén S. García May 14 '19 at 15:27
@Quentin cat.jpg:1 GET http://127.0.0.1:5500/%E2%80%AA/cat.jpg 404 (Not Found) I got the error just now, i call decodeURI() to decode the URL andI got the result is http://127.0.0.1:5500/cat.jpg – 潘夏开 May 14 '19 at 15:41
@Quentin yes,when I used http as url ,it works – 潘夏开 May 14 '19 at 15:56

Image is not displayed in print preview

0 Answers0