I'm trying to export a page in my rails app to a pdf using wkhtmltopdf/wickedpdf (both the latest version, so is rails). However, external images from facebook (obviously with an absolute url) are not displayed : I got the classic empty box with a '?' when pictures are missing. The HTML version is just fine.
I tried with other pictures from other sources, and it worked as expected. Only fb pictures are causing troubles. However I absolutely need those.
Any ideas? Thanks for your time!
You should download the image into the app and use absolute path for image in pdf template, like
"#{RAILS_ROOT}/public/path-to-fb-image}"
Ok so it looks like I was using a bad version of wkhtmltopdf. Had to try several before getting to the right, this is the one that did the trick for me.
#Hoang's answer is another possible solution.
Related
I am currently making an extension, and I hope I could get some
practical advice on feasibility :
I want my extension to go fetch/load a local folder of custom homescreen
thumbnails(top-sites), and then replace the auto-generated thumbnails in
the homescreen with those it loaded.
The extension would be able to read the associated domain names of the
thumbnails and then replace them accordingly.
(e.g :Pinned Url : youtube.com/anything : Ok so it’s YouTube : then replace the thumbnail with “Custom_Youtube_Thumbnail.png”)
Does that seems possible to you ? (Before I dive in head first)
I saw that the top-sites API is not quite available
https://bugzilla.mozilla.org/show_bug.cgi?id=1246693 but maybe I’m wrong.
Extra : My extension is switching themes (like this :
https://github.com/mdn/webextensions-examples/tree/master/theme-switcher ).
Would it be possible to switch the thumbnails accordingly
(Custom_Youtube_Thumbnail_light.png > Custom_Youtube_Thumbnail_dark.png)
as i’ve made a version for each.
Would be a pleasure to hear your opinion on this, or just pointing
useful resources to me,
I’m not asking for a perfectly baked solution.
Hope I’ve been concise.
Thanks for reading me !
Very nice idea you had.
But In short: no possible.
Main problem is that you cannot inject and manipulate on the homepage which is a built in browser tab.
"You cannot inject code into any of the browser's built-in pages, such as: about:debugging, about:addons, or the page that opens when you open a new empty tab."
https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/executeScript
This question is not a duplicate to another question that asks about the same message, but in another context. The context of this question is just about uploading screenshot images and getting the message.
Today, I had a new message when uploading images to App Store Connect:
Invalid GeoJSON: Your routing app coverage file is invalid.
This makes absolutely no sense since, at this time, I had not even chosen a build for the upload.
Retrying to upload the images, it worked. But unfortunately, the message appeared for each language and format.
Is this a bug by Apple or am I missing something? I would guess that uploading images has nothing to do with GeoJSON.
I used Safari. Others seem to have the problem with Chrome. So it occasionally seems to happen on all browsers.
I had this same problem today while uploading App Store Icon on Preparing for submission page. Solved it by removing "-" from my image name.
This is an unusual bug. Apple might be already working on it. It's not coming on any specific browser. It occurs mostly when we are trying to upload more than one images at once.
Apple always keeps their live site maintenance work active, so this is most likely a bug occurring in their live site maintenance. It will be fixed soon.
For now, if you are finding difficulties handling screenshot uploads, you can try to upload them one by one rather than uploading in a bulk.
Important Note:
I am stating this on basis of the last few uploads I have experienced. Also, the solution I have given is tried from my side and it worked for me well. So, you can just try it out and I'm sure that it's not a browser issue. It can occur on any browser.
It did not work for me even if I provided English file names. It kept giving the above error.
Only thing that worked for me was to remove all underscores. So instead of iphone_xs_max_1.png, it worked when I renamed it to iphone1.png and uploaded.
Make sure screenshot files name in English.
Make sure screenshot files all the directory path(and folder name) in English.
it worked for me.
I had the same bug today. Some of the images uploaded without problems, others didn't.
I was uploading in Chrome when I got the issue. Opening the site in Safari and uploading the images there, solved the problem.
What solved this for me was removing strings of numbers and periods from the filenames. It appears the system is running the filenames through some kind of geocoder, and if there are strings of characters that could be interpreted as locations, it will error out.
Make sure after editing the image you save the file with an extension like myimage.png or myimage.jpg
In my case, I forgot to save the file with extension after removing alpha and transparency properties and no need to change browser etc.
I have a rails app, in which i store some images in AWS, and show them in a PDF report. When there is no images to be shown, i show a placeholder, like this one here: .
The problem is: the image is not show in the PDF file. When in debug mode, the image is shown as usual, but never in my PDF! The link to the image is like this: https://dl.dropboxusercontent.com/u/4096865/missing.png
Edit 1:
I tried to include the image like this: image_tag("https://dl.dropboxusercontent.com/u/4096865/missing.png")
The solution i've found was simple, but prevented me from using dropbox for storage: it must be a http url. So, when i uploaded it to AWS S3, it worked!
So, this here works perfectly: image_tag("http://s3-sa-east-1.amazonaws.com/base-fisc-prod/missing.png")
This is an issue with images stored in a HTTPS link, the easiest way to solve this is to store the images in a HTTP link.
If you must store them in HTTPS, use this solution provided here
I have been told this is possible to do but cannot get this to work.
Basically I am trying to cache and image using forge.file.cacheURL()
Now I can get the file just fine and display it in the page by creating a new Image object but what I want to do is use this cached image to change the image in the topbar.
When ever I try to do it I get an error saying "file not found" and after reading the docs a little more it seems that trigger may have "src/" coded into the class because if I put just "image/logo.png" the logo.png will show up in the header because its part of the app package.
I guess the question is.. Is my assumption correct?
Thanks!
The native UI elements (topbar/tabbar) load images directly from your apps package, not through a URL in the same ways images are shown in the webview.
What this means is that currently you can only use images included in your app in the topbar/tabbar modules.
in case anyone is interested in this, the ability was added a while ago to the API so you can now use a cached image or filesaveURL feature of forge to change the header image dynamically.
I've searched a series of forums and I've noticed that a lot of people had this same issue. I tried all the resolutions: using the longer Youtube URL like
http://www.youtube.com/watch?v=GkqS5DiF2_A
defining the width and height of the image, and I've tried using older versions of JQuery. I'm still receiving the error. I've linked all the images in the CSS file [incorrectly, but they are linked :)]. I've been trying to solve this for days and I'm not sure what I'm doing wrong.
Any help would be greatly appreciated. Thank you!
It appears that you have to add ?iframe=true to the end of the hyperlink
https://stackoverflow.com/===>http://stackoverflow.com?iframe=true
did the trick for me. Make sure you point direct to the web page you want to appear in the light box, not to the iframe.
I had the issue with WordPress,
I simply removed the alert.
file: /wp-content/plugins/prettyphoto-media/js/jquery.prettyPhoto.min.js
I use http://jsbeautifier.org/ to unfold the code
and comment line 350:
//alert("Image cannot be loaded. Make sure the path is correct and image exist.");
The links to the youtube video are not direct, you are using some kind of redirects. i suggest you use direct links to the youtube video
here is a demo of your site http://www.mediafire.com/?vj3l062uza7ov61 , see the left video