While working on my own personal website, I added a webpage that links to several python files of mine. Here is an example of an tag I wrote that links to a file called "Client.py" on a index.html page of a directory im working in.
<a class="col" href="./Client.py" target="_blank"> Client.py </a>
What was peculiar about this was that in some instances it would link to raw text when used locally (such as opening up the html file manually), but when used on a server (Such as using my domain or using live preview), it would download when I click the link, even if there was no download attribute in place.
How can I make this tag always link to the raw text of a file in every instance instead of downloading it?
Python is not configured on your server/localhost. You should run the page on the server which supports Python.
Related
I have an Android app which uses the WebView function, it opens html files inside my app from a local host that have been stored in the android_asset folder when prompted. However, the WebView function only shows the text in the html file, it does not show the images that I have linked into the code of the html document, these are stored in res/mipmap. It is important to me that my app can show both text and images when I use WebView to open the html file. It is also important that the html files and the images are stored in a place that means they will be added to the installable (so that the user does not have to be connected to the internet to use the App or move any files around themselves). Is it possible to link an image stored on a local host in something like android_asset or res/mipmap so that I can see both text and the image when I open the html file in WebView?
The link to the images that does not work is in res/mipmap, it is: img src = "file:///mipmap-hdpi/car.png" alt = "Test Image"
I made a new folder inside android_asset called imagepng. I then put the .png's in this folder (so the link to the image in the htlml file looks like ). The html file now calls the .png image from this place and I can see it on the app. I do not know yet if this makes it into the installable so it can be run locally from the
smart phone..........My original mistake was trying to put the images directly into android_asset as it does not allow this.
I have an html file in which I would like to display an image called plot.png with the line <img src="plot.png" alt="Stock price vs. predictions graph">. On my website, I only see the alt text, meaning that my image did not load properly. In my command prompt output I see that I have a get request to /mysite/home/AAPL/plot.png, which is extremely frustrating because this means that when I search for the image this code is just placing it in the url (which is localhost../mysite/home/AAPL). I have tried putting plot.png in the same working directory as my html file as well as trying the absolute path to plot.png starting with C:, but nothing seems to get the search out of the url. Please help, thanks!
If it helps, im using Django
You can put the image in the same working directory (in the same folder as your html file) and then use
<img src="./plot.png" alt="Stock price vs. predictions graph">
The "./" is important as it signals that the image is in the current folder.
You could also use a website like www.linkpicture.com to generate a link to host your image and then use that link in your img
Some web browsers automatically disable images from loading. Fixing this could be as simple as selecting “show all images” from the browser's settings menu. It's also worth checking if the device you're using has security software or extensions that could block images.
Again you can use this tag for .png type photo
<img src="exampel.end">
//use extension type .end instead of .png
I forgot to mention that I was using the Django framework and the html templates work much differently than regular html files do. In Django you must put the image in a static folder and then call if with Jinja like so: <img src="{% static 'mysite/image.PNG' %}">
I"m having an option to insert image inside CKEditor. For that i saved the image file in physical path inside the Server(Wildfly 10) folder and adding an img tag by using editor instance with (instance.insertHTML) option. Its working fine when the image was inside the server folder. If the image was outside the server path its not rendering in the editor as well as in the browser.
Help to store the image in external path (outside the Server path) to render the image in CKEditor as well as in the browser.
I'm using primefaces extension for CKEditor.
Your web application only has access to certain areas of the file system served from under the webapp. This is fundamental webapp security so a user couldn't browse your server's file system for example.
I am trying to include some images in a Genshi template for my Trac plugin, but it always shows only the alternative text because it cannot find the images.
I have the following (X)HTML code:
<div>
<img src="file://c:/path/to/image.png" alt="asdf" />
</div>
When I use this code with a simple html file and open it in the browser, the image is displayed correctly, which means that both the path and syntax are correct.
But when I insert the code snippet into a Genshi template and use it within Trac, the image cannot be found. However, when I look at the HTML source code in the web browser and copy the URLs into a new browser tab, it is again displayed correctly. This means that only the server cannot find the image.
The images are in a directory inside the python-egg file, and the path points directly to the directory created by Trac, which also contains my CSS and HTML files, both of which are loaded correctly. The images are correctly referenced in the setup script which creates the egg.
How do I have to reference images in (X)HTML documents when using them with a server?
Is there a special way to include images in Genshi documents? (I haven't found one.)
Thanks to the comment of RjOllos and this site I was able to fix it by trying all of the URL types. Although it says for a plugin to be /chrome/<pluginname>, it was actually just /chrome that worked. See the edit below! So the full URL is then <ip>:<port>/chrome/path/to/image.png.
EDIT: I discovered I actually used the /chrome/pluginname version, just that I did not use the name of my plugin as "pluginname". See my comment below. It seems like /chrome/pluginname should actually be /chrome/htdocsnameor something like that, in case you use a different name rather than the plugin name when implementing the ITemplateProvider. In my case I called it images, which was the same name as the folder. END OF EDIT
Another mistake I made was forgetting the initial slash (chrome/path/to/image.png), which caused Trac to assemble the URL to <ip>:<port>/<current page>/chrome/path/to/image.png.
I have some PDF's sitting in a folder on my computer, is there a way to write a link to open them on to a webpage?
The main idea is when the site goes live the link will be used to download the pdfs from the folder, but obviously at a later stage the folder will be a temp folder on my website.
So at the moment i just want to open the pdfs from a link, and the final goal will be to have the links download them.
Can any one help me?
This is the file path to get to the pdf i want to link to.
C:\Users\Shaun\Documents\FormValue\CS1.pdf
How would i create the link?
If you want to have a link to a PDF, you just have to put the relative path to the file in the href attribute of an a tag. So let's say you had a folder called pdfs, with the file boom.pdf inside it, and folder called site sitting beside it, with the file site.html in it. Then all you'd have to do is put this link in the html file:
Link to a pdf
In most (all?) browsers now a days, that will open the PDF in a new tab. To download it you would right-click it and do the Save Link As thing. Just need to get the path in href right.
UPDATE
If you want to use the full path to the file, you need to prefix it with file://. Then you just put it in the href the same as with a regular link, ending up with something like:
Link to a pdf
This should work with your set up, but if the pdf and the html files are stored near each other, relative URLs are still a good option. A little bit of Google work should show you how to write those.
For each PDF just do what I talk about here.
<object height="950" data="sample-report.pdf" type="application/pdf" width="860">
<p>It appears you don't have a PDF plugin for this browser.
No biggie... you can <a href="sample-report.pdf">click here to
download the PDF file.</a>
</p>
</object>
It works with most browsers and it degrades nicely.
It sounds like youre asking if you can put a link on a web site to a PDF sitting on your computer. You can't. The files have to be either on another web site or on your site's server.
If you are using ASP.NET, you can have the link point to a handler that accepts a query string identifying the file, either by file name or a hash of the file. Then the handler can look in the folder for a file that matches the pattern, read the file as a byte array, and then write those bytes to HttpResponse.