Rotativa / Wkhtmltopdf images not displaying

asp.net-mvc image path wkhtmltopdf rotativa
user1866606 picture user1866606 · Jan 4, 2013 · Viewed 14.7k times · Source

I am currently creating an MVC 4 web application.

I have an action that has a base background image which is always the same then an arrow image which changes in degrees depending on the information that is collected within the action.

I call this action using 

<img src="@Url.Action("trend-image", "NonReg_Reports")" alt="background" width="245" height="105" />

This works fine when it is called and is just displaying a HTML webpage. It gives me the HTML.

<img src="/nonreg-report/01495344/trend-image" alt="background" width="245" height="105">

I am then using Rotativa / Wkhtmltopdf to convert this HTML page into a PDF. This runs the same piece of code as above.

The problem is I am just getting a white box with the alternative text in it if I use the code above.

If I use <img src="~/Content/images/trend_back_medium.png" alt="astuff" /> which is the actual background image in my project it works fine.

The image from the code above can not be saved anywhere due to how it is used. I am thinking that it is a path problem, but after trying lots of different things I can still not get it to work.

Any suggestions or help would be greatly appreciated Thank you.

Answer

adam picture adam · Jul 14, 2014

I had the same problem. Normal html view was ok with pictures, pdf was not display it. I used Server.MapPath to point to picture and it was ok...

<img src="@Server.MapPath("~/Folder/SubFolder/Subfolder/ImageName.png")" />

I hope this will help

Adam

Related questions

Can an ASP.NET MVC controller return an Image?

Can I create a Controller that simply returns an image asset? I would like to route this logic through a controller, whenever a URL such as the following is requested: www.mywebsite.com/resource/image/topbanner The controller will look …

Read More
Upload and crop image before sending it to the server

Is there some client components (jquery/swf) that will give the possibility to upload and crop (user should be able to select the area to crop) an image in the browser and then send the cropped image to the server? …

Read More
ASP.NET MVC download image rather than display in browser

Rather than displaying a PNG in the browser window, I'd like the action result to trigger the file download dialogue box (you know the open, save as, etc). I can get this to work with the code below using an …

Read More