Browser compatability issue

Question

0.00/5 (No votes)

See more:

I am using
<asp:FileUpload ID="fileupload" CssClass="upload" runat="server" EnableViewState="true" />

it is working fine in Internet Explorer
but not working in Chrome and Firefox Browsers

in IE8,9,10 I am able to see Textbox and browse button
but Chrome and Firefox Browsers i am able to see only browse button

Posted 28-Jan-14 20:54pm

syna syna

Updated 28-Jan-14 21:37pm

v2

Add a Solution

3 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Aravindba · Answer 1 · 2014-01-28T21:32:00

Solution 1

what error u got ? in ie u get folder full path,but in chrome and firefoxe u not get full path in text box ? this is basic one,in below ie 7 u get full path in text box,but above 7 and other browser u not get definitively.

Pls post ur code and mention what error u get ?

Posted 28-Jan-14 21:32pm

Aravindba

Updated 28-Jan-14 21:37pm

v2

Comments

syna syna 29-Jan-14 5:05am

in IE8,9,10 I am able to see Textbox and browse button
but Chrome and Firefox Browsers i am able to see only browse button

Aravindba 29-Jan-14 5:27am

yes,u cant see file upload textbox,this is common,u cant see file-upload textbox and this is not ERROR,like way it work,don't worry.
if u need textbox with browse button,u have to work more.like use asp textbox as file upload textbox and hide fileupload textbox in jquery only show browse button,if u browse file ,then fileupload text box have file name,that file name show in ordinary textbox,all are need to do client side then only it look good.u have handle file upload in client side using java script or j Query

Jawad Siddiqui · Answer 2 · 2014-01-28T21:34:00

Solution 2

Please let me know your error please.

Posted 28-Jan-14 21:34pm

Jawad Siddiqui

Comments

syna syna 29-Jan-14 5:05am

in IE8,9,10 I am able to see Textbox and browse button
but Chrome and Firefox Browsers i am able to see only browse button

Jawad Siddiqui · Answer 3 · 2014-01-28T23:38:00

Hello check this below example this is only default thing you have to customize your StyleSheet only

http://geniuscarrier.com/how-to-style-a-html-file-upload-button-in-pure-css/[^]

HTML

<pre><div class="fileUpload btn btn-primary">
    <span>Upload</span>
    <input type="file" class="upload" />
</div>
</pre>

CSS

<pre>.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}</pre>

Browser compatability issue

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Browser compatability issue

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us