MVC :: Avoid Loading Images When Using Caching And Javascript Image Preloader In An Mvc Application?
Jun 18, 2010
i have implemented an image preloader using javascript inside my mvc 2 web app, in order to display an animated "loading" image .gif while sequentially displaying page images.I have also implemented caching using a cache profile for the controller action that displays the specific page ([OutputCache(CacheProfile = "LongCache")]).The problem is that the image preloader javascript is called when caching is applied. I was wondering whether i could, somehow, use the image preloader code only when the page gets refreshed and not when the cached version is rendered.
View 2 Replies
Similar Messages:
Dec 6, 2010
I have an application written in asp.net c# and hosted on IIS6. There are an 'Image' folder with 3-subfolders. These folders contained images of type 'jpg','gif','png' etc. Images are very huge in size and in numbers. On the application every page has some images needs to open/show, due to the size of images my application get slower and slower.
I know there are some techniques to Cache image folders at client machine or some other methods. I have no access on IIS. So, I need some httphandler or httpmodules which provide something like Image-caching.
I tried this : codeproject.com/KB/aspnet/CachingImagesInASPNET.aspx The problem is I have to add an extra extension '.ashx' to every image link. There is no problem with images are loading dynamically but it has trouble with images need to embose a manual link. Also, this is working fine upto around 1000s images.
View 2 Replies
Mar 31, 2010
I've been trying to get image caching working for the last 8 hours and I keep the same problem time and time again, I'm trying to cache Images at the moment and then when thats succesful, apply this to cache my js and css files. I have at the moment Sql Dependancy caching working on my dynamic pages but the page still takes to long due to images not caching.
What I have tried is going to IIS7 Management and adding HTTP Response Header for the images folder and setting various things for the cache control.i dont care how long it caches it on the client or on the proxy servers i just would like it to check when the file was modified and compare it with the one in the client or proxy cache and if they are different then fetch the new image which has been ftp up. i could solve this by changing the image name but the thing is the image name is generated when they are ftp'd to the site by an application and the name is a direct reference to the product so i cant change the name each time, as it would mean making a lot of otherpages accross the board.
so What i would like, is to set and expiry date of lets say 32 days or more on the images and then check to see if they have changed by date modified or some other way of checking(Etags maybe) I'm not sure, if they have changed on the server then redownload and recache them, I tried using post-check and pre-check together but that just permantly cached them, so when i change the image the only way it would display the new image is to just hit F5.
In Brief, how can i Cache images, on the client machine/ proxy cache and recache them when the modified date of the file has changed.
View 4 Replies
Mar 22, 2011
Here is my Javascript
<%-- script to load the default image--%>
<script type="text/javascript"><!--
window.addEventListener('load', function () {
// Get the canvas element.
[Code]....
If you look at the img.src at the very bottom, it loads the defaultImage.ClientId from the server which is suppose to get the image on the page. If I use a normal url it works, but if I use document.getElementById(imgid).src it just doesnt load an image. I am assuming its because the javascript loads before the serverside code is ran. How can I get around this?
View 2 Replies
Feb 16, 2010
I have an image control that puts user's photo in it. Once it's loaded, I resize it using the javascript.But the thing is, when the page is loading, the image gets really big, then shrinks down being called by the javascript. Is there a way for me to pre-load the image before displaying it? I do'nt want to set the image control's width and height to fixed pixels at this point.
View 8 Replies
Nov 26, 2010
I have a website with a menu, when menu item is clicked I display the page for that menu in an iframe(iframe is set to display home page initially by default). sometimes it could take few seconds to display the page for the selected menu item (for example reports) and I would like to display a loading image while the page is loading. how to do this using javascript or jQuery
View 3 Replies
Jan 14, 2011
I have a project that needs to generate a random collection of images on an html page. Everything works fine until around the 50th image is generated and then I just get a red X.
Am I hitting some connection limit or server resource limit?
The code below exhibits the behavior on several different machines. I am using Visual Studio 2010 and Internet Explorer.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
[Code]....
View 3 Replies
Jan 28, 2011
how to disable caching on few pages, so as to avoid double submission of forms
View 2 Replies
Mar 24, 2010
i have a table with a hunders of image urls (paths) like( c:vijjishivam.jpg,. ),these images are present inside my local hard disk and im programatically setting urls to the image controls but im unable to view images.image URL property only working for images attached in the web application but not out side.
View 5 Replies
Jul 10, 2010
Is it possible to edit images using a javascript library and then send the edited image to the server for saving.
Edits will be in real time, means the user can see the edit result in the same time he is editing without the need to refresh the page.
I want a javascript library to do some edits on an image on a webpage 'such as crop, resize, rotate,...' and send send the edited result to the server.
View 4 Replies
Jul 26, 2010
I am using .net 3.5 framework and i am using repeater control in my application.I am using link button to display the records.Displaying 9 records in a page.Show all button is there.When i click on show all button(Result of 250 records) then the page is loading and hanging for some time anf then it is displaying the all records.I know the time taken between the server and the browser.But i need to avoid the hanging of the page and the loading time should be reduced.How to solve this issue.If the page contains 9 products then it is loaded quickly.But if it contains lot of images then it's hanged. some of my friends told to use the jquery but i have noo idea regarding jquery so can anyone give an solution for this.Till it's breaking my head.
View 2 Replies
Aug 29, 2010
I am trying to pre-load images in my MasterPage. Normally I just use Javascript like so:
[Code]....
How "should" I be doing this in an environment that contains a virtual host, one which is determined by the installer of the application. For example, the application can be installed like this:
~/someVirtualDirectory/theapp I'm considering creating a Ajax Server Control to accomplish this task, something like the below or maybe even extending the ImageButton and Hyperlink control to do this by default. Is there a much easier way I am missing?
[Code]....
View 11 Replies
Mar 6, 2013
I have update panel on the page to avoid postback and placed a dropdownlist control within that update panel. DrodownList is filled with Category names and also it's autopostback set to True.
Now whenever dropdownlist index change's on select, untill page loads complete data it should show mesage as "Loading.... in center and middle of the page and background should become bit transparent". And when page load completely with data then that background and message should get disappear.
View 1 Replies
Apr 9, 2010
I know you are all tired of this Linq-to-Sql questions, but I'm barely starting to use it (never used an ORM before) and I've already find some "ugly" things. I'm pretty used to ASP.NET Webforms old school developing, but I want to leave that behind and learn the new stuff (I've just started to read a ASP.NET MVC book and a .NET 3.5/4.0 one). So here's is one thing I didn't like and I couldn't find a good alternative to it.
In most examples of editing a LINQ object I've seen the object is loaded (hitting the db) at first to fill the current values on the form page. Then, the user modify some fields and when the "Save" button is clicked, the object is loaded for second time and then updated. Here's a simplified example of ScottGu NerdDinner site.
//
// GET: /Dinners/Edit/5
[Authorize]
public ActionResult Edit(int id) {
Dinner dinner = dinnerRepository.GetDinner(id);
return View(new DinnerFormViewModel(dinner));
}
//
// POST: /Dinners/Edit/5
[AcceptVerbs(HttpVerbs.Post), Authorize]
public ActionResult Edit(int id, FormCollection collection) {
Dinner dinner = dinnerRepository.GetDinner(id);
UpdateModel(dinner);
dinnerRepository.Save();
return RedirectToAction("Details", new { id=dinner.DinnerID });
}
As you can see the dinner object is loaded two times for every modification. Unless I'm missing something about LINQ to SQL caching the last queried objects or something like that I don't like getting it twice when it should be retrieved only one time, modified and then comitted back to the database. So again, am I really missing something? Or is it really hitting the database twice (in the example above it won't harm, but there could be cases that getting an object or set of objects could be heavy stuff).
View 3 Replies
Apr 3, 2010
i have developed my asp.net application along wih crystal report .... i need to show loading image on ever client and server side request .... (i.e) like when ever IE progress bar get loading i want to show my gif loading ... after IE progress bar finish its loading, my gif loading image should disappear .
View 2 Replies
Feb 24, 2011
I have used the following controls in my web page.
1.Menu
2.Multi view
3.view
4.Gridview
But my problem is...whenever i clicks on the menu item it loads particular content individually. I mean if i click on menuitem1 it takes some time to load Gridview1 , after if when i click on menuitem2 again it takes some time to load Gridview2. Is there is any way to load all the menu items content during first time of page load. So that we can avoid loading time while switching over from one menu item(tab) to another.I have used the following code
[Code]....
View 1 Replies
Mar 31, 2010
I want to implement the functionality like below.
1) Use AdRotator to view the Ads.
2) Change Ads on every 15 sec.
3) When user is on page where Ads are displayed now user clicks Back-Forward and come back to that page. This time if user come back within 15 sec. Same image will be displayed and no money will be diducted for that. So here I will need to show Image from cach.
4) Only once load images from server. For each other cycle to display images fetch it from cach.
I have difficulty in implementing Steps 3 & 4.
View 4 Replies
Feb 1, 2011
i recently made a website and have uploaded it to a hosting server. After i had completed the website i noticed that i never added in any expiration onto the files/images plus that i dont know how to do this outside of IIS. As i dont have access to the IIS on the server i need a way of embeding code to set a short exportaion on the images and xml files cached. whats the best way of doing this?
View 5 Replies
Jun 12, 2012
I have image tag in datalist that width=100px Hight=100px
And I have several image in my database with different size
img1=100*100 img2=500*600 img3=150*140 and ...
Now when I bind my image tag from database it show all my image but it stretch all image.
E.g.: if my image be 300*500 when it show in image tag it stretch my image from width .
I want if my image size be reduceو it reduce width&Hight deppending to real size of image don't stretch it.
View 1 Replies
Apr 17, 2010
how to upload images to server(application/images folder) and retrive(display) from and on client PC for asp.net. its just for uplaoding logo directly to server folder and retriving from server to client. i am not getting server path on client pc for image.
View 5 Replies
May 21, 2010
My images are working fine in local machine but when I publish it in dev server it is not working.
I tried changing the format from jpg to GIF to PNG but still it is not working.
View 4 Replies
Dec 8, 2010
I have a web application that is using SSL. Is there anyway to load external images without the SSL warning dialog?
View 1 Replies
Aug 31, 2014
I have a page where I want to load a lot of images to. Say I have a page of like 50 images 2mb large each and I want them to be displayed on one page. Whats the best way to do that?
Basically what I'm doing right now is loading them from the server and displaying them in image tags. Problem is this crashes the browser. In chrome it will crash, in IE it will bog the computer down and lock it up. I think the browser is running out of memory or something.I'm wondering if I should be using a background worker or a different thread or something.. Is this possible with a web app?
View 2 Replies
Sep 9, 2010
is this possible? I only need the width and height, so loading the image into ram would be unnecessary.
View 4 Replies
Jun 15, 2010
I have a gridview which displays data for all employees and their images (stored in database).
The images take more time to render completely when i click sort or paging or reload.
I'm using httphandler to display image as stream.
Is there a way i can speed up this image loading?
View 1 Replies
