`
izuoyan
  • 浏览: 9218688 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

在火狐浏览器中设置FileUpload控件的宽度

阅读更多

让FileUpload控件在IE和FireFox中的显示效果一样

ASP.NET 的FileUpload控件有一个Width属性,可用于设置FileUpload控件的高度,在IE中显示没有问题。但在火狐中不算怎样设置,FileUpload控件的宽度仍然是默认值。

根本原因是火狐浏览器不理会FileUpload控件的Width属性。

解决方法是使用同时使用size和width属性:

<asp:FileUpload ID="FileUpload1" size="60" runat="server" Width="90%" />

IE忽略size,FireFox忽略width,刚好各得其所。

另外,FileUpload控件往往还需要配合一个ASP.NET Button来实现正式上传,而默认情况下,ASP.NET Button的高度与FileUpload控件不一样,放在同一行显得很难看。

考虑到FileUpload控件与Button最终都生成(Render)HTML中的Input元素,可以使用样式表直接设定input元素的height值,即可让ASP.NET Button的高度与FileUpload控件的高度一致。

样式表:

.button_height
{
height:20px;
}

ASPX代码:

<asp:FileUpload ID="FileUpload1" CssClass="button_height" size="60" runat="server" Width="90%" />
<asp:Button ID="btnUpload" CssClass="button_height" runat="server" Text="上传" />

上面使用了ASP.NET控件中的CssClass属性。

分享到:
评论

相关推荐

    ASP.NET.FileUpload控件

    在本文中,我们将深入探讨FileUpload控件的基本用法,包括如何在网页中添加控件、处理文件上传事件以及确保上传的安全性。 首先,让我们了解如何在ASP.NET页面中添加FileUpload控件。在设计视图中,可以从工具箱中...

    ASP.Net中FileUpLoad控件

    在这个示例中,我们首先检查FileUpload控件是否有文件被选中。如果有文件,则获取文件的扩展名,并检查其是否为.xml。如果文件类型正确,则保存文件;否则,弹出提示框。 #### 六、总结 FileUpload控件是ASP.NET...

    fileupload控件的使用

    首先,我们需要在 ASPX 页面中添加一个 FileUpload 控件,并在代码-behind 中编写上传文件的逻辑。在这个示例中,我们使用 Button1_Click 事件来处理文件上传。 在 Button1_Click 事件中,我们首先检查 FileUpload ...

    fileupload控件上传图片和附件

    - **FileUpload控件的使用**:理解如何在ASP.NET中集成FileUpload控件,以及如何通过其属性和方法处理文件上传。 - **服务器路径获取**:掌握`Server.MapPath`函数的使用,正确设置上传文件的保存路径。 - **文件...

    一个漂亮的fileupload控件

    FileUpload控件是网页表单中常见的一种元素,它允许用户选择本地计算机上的文件并将其上传到服务器。在这里,描述提到这个控件是网上找到的源代码,意味着它可能是一个开源或者共享的项目,开发者可以自由下载、使用...

    ASP.Net中FileUpLoad控件内容清空

    在ASP.NET Web开发中,`FileUpload` 控件常被用于实现文件上传功能。但在某些情况下,我们可能需要清空该控件的内容,例如用户取消了文件选择或者上传操作。本文将详细介绍如何在ASP.NET应用程序中有效地清空`...

    FileUpload控件自动上传

    在.NET框架中,FileUpload控件是用于处理用户在Web应用程序中上传文件的关键组件。它允许用户选择本地计算机上的文件,并将其发送到服务器进行进一步处理。在这个特定的场景中,我们关注的是FileUpload控件的自动...

    用FileUpload控件上传文件到数据库

    ### 使用ASP.NET中的FileUpload控件将文件上传至数据库 #### 概述 在Web开发中,经常需要处理用户上传的文件,例如头像、文档等。这些文件可能需要存储在服务器的文件系统中,也可能直接存入数据库。本文将详细...

    Asp.net 2.0 FileUpload 控件的用法

    在探讨ASP.NET 2.0中的`FileUpload`控件的使用方法时,我们首先要理解这个控件的基本功能和在Web开发中的作用。`FileUpload`控件是ASP.NET框架中用于处理用户上传文件的一个重要组件,它允许用户选择一个或多个文件...

    html修改FileUpload控件的浏览按钮的文字改为自定义

    在网页开发中,FileUpload 控件是用户上传文件时常用的一个功能。默认情况下,当我们在HTML中使用`&lt;input type="file"&gt;`来创建一个文件选择器时,浏览器通常会显示一个默认样式的“浏览”按钮,用于打开文件选择...

    fileupload控件示例

    在ASP.NET开发中,`FileUpload`控件是一种常见的组件,用于实现用户在网页上上传文件的功能。这个控件在C#编程环境下尤其常用,它提供了便捷的方式来处理客户端的文件选择和服务器端的文件处理。下面我们将深入探讨`...

    C#通用文件上传类(页面所有FileUpload控件中文件)

    1. **遍历页面上的所有FileUpload控件**:在ASP.NET中,可以通过`Page.Form.Controls`集合遍历页面上的所有控件。由于FileUpload控件可能嵌套在其他容器控件内,我们需要递归地检查每个控件,看它们是否是FileUpload...

    Asp.net FileUpload控件 预览

    在ASP.NET中,FileUpload控件是一个非常实用的组件,用于允许用户在Web应用程序中上传文件,特别是图像文件。在某些场景下,我们可能需要在用户实际上传文件之前提供一个预览功能,让用户看到即将上传的图片效果。...

    使用FileUpload控件上传图片并自动生成缩略图、带文字和图片的水印图

    在ASP.NET中,FileUpload控件是用于处理用户上传文件的一种常见方式。在这个场景中,我们看到一个简单的ASP.NET页面,它包含一个FileUpload控件让用户选择图片文件,以及一个Button控件触发上传操作。当用户点击...

    Anthem.NET中FileUpload控件Ajax方式的文件上传

    在本文中,我们将深入探讨如何在Anthem.NET 1.5框架中利用FileUpload控件实现Ajax方式的文件上传。Ajax(异步JavaScript和XML)技术允许我们在不刷新整个页面的情况下更新部分网页内容,从而提供更好的用户体验。...

    .net使用FileUpLoad控件上传文件

    在 ASP.NET Web 应用程序中,经常需要实现文件上传功能,这可以通过使用 `FileUpload` 控件来完成。本文将详细介绍如何使用 `.NET` 中的 `FileUpload` 控件进行单个文件的上传,并存储文件的相关信息,如文件名、...

    ASP.NET_2.0高级控件之FileUpload控件

    1. **基本结构**:FileUpload控件在页面上呈现为一个文本框和一个“浏览”按钮。用户点击“浏览”按钮可以选择本地文件,文本框会自动填充选定文件的完整路径。 2. **属性**: - `FileContentStream`:这是一个...

    ASP.NET使用fileupload控件上传图片

    本文将详细介绍如何使用ASP.NET中的`FileUpload`控件来实现图片的上传,并进一步探讨如何将图片保存到服务器上的指定文件夹以及如何将图片以二进制形式存储到数据库中。 #### 二、FileUpload 控件介绍 `FileUpload...

    11.文件上传FileUpload 控件

    文件上传 FileUpload 控件,分享

    点击按钮显示fileupload控件里的图片

    - **兼容性处理**:上述示例代码仅适用于IE浏览器,如果需要支持更多类型的浏览器,则需要使用现代的Web API如FileReader API来读取文件内容并转换为Base64编码的字符串,再将该字符串设置为`Image`控件的`src`属性...

Global site tag (gtag.js) - Google Analytics