I am having some problems with browsers displaying images correctly. Most of the browsers are affected except Chrome.
The problem here seems to be the caching problem of images. I am not very sure if this is the case, so I will tell you guys what I did.
My page allows users to upload their photos. So these uploaded photos will be saved into a folder. The user will then use the crop tool to crop their images to their preference, and saved them back to the same folder again. If they chose to use the same name, the image will be overwritten.
Here comes the problem. In Chrome, the browser will show the new cropped images, but not for the other browsers. If the image was renamed, then this won't happen either. Is there anyway to solve this?
Try to add a new guid at the end of the filenames as image.jpg?id=asdf
Change the file name each time you save. You really need caching, but you don't want it to happen at the wrong times. Adding a random number will prevent browsers from caching images at all, prevent http.sys level caching, and prevent any edge caching you implement from working.
Related
I noticed that a bunch of my images were no longer showing up on my website. When I inspected the url, I get:
ERROR 9425: Image access denied: This account doesn't have variant with this name
I think I had deleted a couple of my variants because I thought that was meant for creating newly resized images based upon the variant settings. I didn't realize it cause an issue with images created in the past.
In my case, I recreated a new variant with the same name as the old one. The old images still work. I'm not entirely sure what this means, but if someone could explain it to me, and how it's beneficial, that would be great!
Hello I am developing a website on ASP.NET and while developing it I am also testing its behavior and changes. The problem I am facing is some times when I make change on .CSS file those changes does not appear on the browser even when I refresh it or rerun the project but when I run that project on different browser it began to show those changes. If it is a code related or browser related or IDE related please let me know. Thanks
Try hitting ctrl-F5 - that will force a re-load.
Unless you change the name of the css file or other resource, the browser can cache that information for months on end.
In fact, some utilities will even add say a dummy parameter to the linked css file - thus on each build the parameter is updated - and thus the browser will not use the older cached value (but, I not found a great working and easy to use utility that does this).
The other way? Empty your browser cache. So yes, the cache can be a REALLY nasty issue during development. And in fact it can be REALLY nasty when you update your site - users will not see say a modify css file, since it been cached, and with the same name, then users will not see new fixes/style changes or even even things like text alignment that you fixed in the css file.
As noted, in most cases, if you launch a page, then try hitting Ctrl-F5 (I think this works in most browsers). If that fails, then you have to in the browser re-set the cache (empty the cache), and then you see the new changes.
I wish had a better solution, and I wish one could just say:
Ok, please re-set ONE time for all past users - since they will often not see your changes - and you don't have much control with any real great ease to re-set the cached information. There are truck-loads, book sized articles in dealing with this issue, but sadly, there not really a great solution right now. If you want say things like cached css stuff to go away client side? Then you have to change the name of the css file - and that can be painful.
At least during development? Well, let the page load, then try Ctrl-f5 - that works well in most cases.
I am having an issue with image caching I believe. Not 100% sure thats the issue, but perhaps someone with greater expertise could assist.
In my wordpress site, I have some images that were uploaded via the media library. Now, when I first enter the site that has no cached info from the site, the images load and display properly. But, when the site has been cached, the images are loaded, but are not displaying on every reload.
The reason I know is, because when I do a hard refresh (Shift + F5), where I am reloading the site from square one, I get the images to display properly again.
Any reason why this might be happening? I am completely lost, and don't know where I could start to fix this problem.
Thanks,
Andy
This is happening randomly out in the field. I am embedding the editor in a ASP.Net MVC application. When users clear their cache and restart the browser, it works again. Any ideas how to fix it?
You must convince your browser to clear it's cache for the icons.png image.
Go to htt://yoursite.com/path/to/ckeditor/skins/moono/icons.png
and then use Ctrl+F5 or Cmd+Shift+R (mac users) to tell your browser to not use the cache and fetch a new one, which will then be stored in the cache.
You CANNOT do this from the editor page for some reason, probably by the way that the css and image is loaded. And for me, this trick only worked in Firefox and not Chrome. However, if in Chrome you do Shift+Ctrl+N (new incogneto window) then go to your editor, you'll see that it is working. That's how your visitors will see it UNLESS they have the icons.png image cached in there browser as well. The only way to fix this is to change the URL of the image, which will require replacing the new url in the CSS file (it's the background image for all the buttons).
How can we protect our image being copied from our web site?
Can we disable copying image content from our website or any?
You cannot stop an image from being downloaded from your web site. If this image is visible somehow on the site it means that clients already have it. You could add watermarks to the original to claim copyright. Some other techniques might involve incorporating the image into a Flash movie which would make it harder but not impossible to retrieve.
IMHO clearly stating copyright ownership of the images somewhere on your site should be enough.
You cannot protect your images from copying. You can add watermark or some other artefact to it to discourage people from copying it, but you cannot prevent it (if you want it to be shown on your webpage, it is publicly available).
You may find this article as useful: Your images are a virus. They are EVERYWHERE on the Internet
You can't prevent image copying from your website, if it is served to the clients' browsers it can be copied.
"User saw your images" means, he/she have already downloaded to his computer. But maybe you could put some trick to block users who are not advance on computer usage.
For example;
Disabling right click with javascript etc. (Not block us but blocks someones :) ) as described
You can try using a script and a transparent Gif or PNG overlay that is positioned over the image.
If the user back click they would end up with a blank image instead. This can be a little frustrating for them, and can sometimes be a bit difficult to figure out.
This may offer some low level help, unless the person is using a screen capture tool.