Image Control Display Error- IE 7

sumith · #1 (**permalink**) August 28th, 2009, 12:52 PM

Hi All,

I am working on vb.net 2.0.
I need to display images which are selected using a fileupload control on an Image Control. I am able to display it in IE 6 Browser. But the images are not displayed in the IE 7 browser.What could be the reason. And help me to display the image properly in any browser.

Any help appreciated.

Sumith.

timeware · #2 (**permalink**) September 11th, 2009, 08:40 AM

Add ClientTarget="uplevel" as shown below to your .aspx file and see if that works

<%@PageLanguage="VB"Debug="true"AutoEventWireup="false"CodeFile="Default.aspx.vb"Inherits="_Default" ClientTarget="uplevel"%>

sumith · #3 (**permalink**) October 1st, 2009, 07:06 AM

Hi frnds,
My code I am pasting below:
---------------------------------

Code:

<asp:FileUpload ID="FileUpload1" runat="server" CssClass="fileupload" EnableViewState="true"    onChange="return UploadImage(document.getElementById('FileUpload1').value)" Width="260px"/>

function UploadImage(urlClientSide)
{                    document.getElementById('<%=me.ImgShip.ClientID%>').src=urlClientSide;                  
return false;
 }

Also I have added ClientTarget="uplevel" to my aspx file. But its not displaying the image still.Any help appreciated.

Sumith.

timeware · #4 (**permalink**) October 1st, 2009, 08:03 AM

Try writing the file name uploaded (including the location) into a label or text box

Then create an image on a page with this is the source and see if it loads in all browsers.

eg add to your Transfer to server routine

ImageSRCTextBox.Text="<IMG SRC=\images\"& FileUpload1.FileName.ToString &">"

ImageSRCTextBox is a text box
FileUpload1 is the file upload control
and it assumes you are uploading the image to a folder on the server called images

It may help show you where the error is occuring.

sumith · #5 (**permalink**) October 5th, 2009, 01:25 PM

Hi Friend,

I need to display the selected image on the Image control each time the user selects an image using FileUpload control. After selecting an image user can save the same by clicking on the "Save" button.

So,at the time of selection (using fileupload control), we are not saving the image. On the "Save" button click only, the image is saved into the specified folder.

I am able to display the image on IE 6 but not on IE 7. How can I solve this ?.

chroniclemaster1 · #6 (**permalink**) October 5th, 2009, 02:52 PM

I think you've been skating around the issue. The code samples you've talked about are server side .NET code. This is executed on the server and happens the same way everytime. If it works fine in IE6, then this can't be the problem.

Browser compatibility issues are always with client side technolgies, XHTML, CSS, or Javascript. I don't see anything in what you've provided that triggers any alarm bells; can you provide the relevant output information. We need to see what the browser is processing, the server side code isn't doing me much good.

sumith · #7 (**permalink**) October 6th, 2009, 03:39 AM

hi, Yes. I need the solution for client-side.I have written a function on "Onchange" event of FileUpload control.This will get the path from Fileupload control and display the selected image on the Image Control. Code is pasted below:

Code:

function UploadImage(urlClientSide){                    document.getElementById('').src=urlClientSide;                  return false; }

This piece of code only I am using on the client - side. Please go thru it and suggest me whatever is possible to fix my issue.

chroniclemaster1 · #8 (**permalink**) October 7th, 2009, 01:20 AM

This is pretty slick, I've never tried this with a FileUpload control, not that I've worked with them much. It looks like the key piece is...

document.getElementById('<%=me.ImgShip.ClientID%>' ).src=urlClientSide;where me.ImgShip.ClientID is the location of the file on the user's computer before it's uploaded? If so, is this well supported? I would think a lot of computers would throw security issues when you start accessing files; does the fact that this is a file the user has selected in the file upload control "soothe" the security level so this works, or are the incompatibility issues depending on the user's OS security settings? Just interested.

There doesn't seem to be anything that rings any bells with me. What's the XHTML for the element you're resetting the src on in the script? Is the image appearing on the page, or in a modal dialog with a confirm button?

timeware · #9 (**permalink**) October 28th, 2009, 06:57 AM

What happens if you add

<meta http-equiv="X-UA-Compatible" content="IE-EmulateIE7"/>

to the <head> section of the .aspx page.

Need to download code?

Navigation