`
nirvana1988
  • 浏览: 137583 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

HTML DOM FileUpload 对象【转】

阅读更多

FileUpload对象在HTML文档中<input type="file"> 标签每出现一次,一个 FileUpload 对象就会被创建。

该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件。

该元素的 value 属性保存了用户指定的文件的名称,但是当包含一个 file-upload 元素的表单被提交的时候,浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名。

为安全起见,file-upload 元素不允许 HTML 作者或 JavaScript 程序员指定一个默认的文件名。HTML value 属性被忽略,并且对于此类元素来说,value 属性是只读的,这意味着只有用户可以输入一个文件名。当用户选择或编辑一个文件名,file-upload 元素触发 onchange 事件句柄。

您可以通过遍历表单的 elements[] 数组,或者通过使用 document.getElementById()来访问 FileUpload 对象。

IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.

FileUpload 对象的属性

 

属性 描述 IE F O W3C
accept 设置或返回指示文件传输的 MIME 类型的列表(逗号分隔)。       Yes
accessKey 设置或返回访问 FileUpload 对象的快捷键。 4     Yes
alt 设置或返回不支持 <input type="file"> 时显示的替代文字。       Yes
defaultValue 设置或返回 FileUpload 对象的初始值。 4 1   Yes
disabled 设置或返回是否禁用 FileUpload 对象。 4     Yes
form 返回对包含 FileUpload 对象的表单的引用。 4 1   Yes
id 设置或返回 FileUpload 对象的 id。 4 1   Yes
name 设置或返回 FileUpload 对象的名称。 4 1   Yes
tabIndex 设置或返回定义 FileUpload 对象的 tab 键控制次序的索引号。 4     Yes
type 返回表单元素的类型。对于 FileUpload ,则是 "file" 。 4 1   Yes
value 返回由用户输入设置的文本后,FileUpload 对象的文件名。 4 1   Yes

 

标准属性

 

属性 描述 IE F O W3C
className 设置或返回元素的 class 属性。 5 1 9 Yes
dir 设置或返回文本的方向。 5 1 9 Yes
lang 设置或返回元素的语言代码。 5 1 9 Yes
title 设置或返回元素的 title 属性。 5 1 9 Yes

 

FileUpload 对象的方法

 

方法 描述 IE F O W3C
blur() 从 FileUpload 对象上移开焦点。 4 1   Yes
focus() 为 FileUpload 对象赋予焦点。 4 1   Yes
select() 选取 FileUpload 对象。 4     Yes

 

 

 
分享到:
评论

相关推荐

    fileupload文件上传进度条示例

    2. **FormData对象**:在HTML5中,FormData对象用于存储键值对,特别适用于发送数据到服务器,包括文件。它能与XMLHttpRequest或fetch API配合,实现文件的异步上传。 3. **XMLHttpRequest或fetch API**:这两者都...

    js结合commons-fileupload实现带进度条的文件上传

    JavaScript是一种解释型的、轻量级的编程语言,主要用于网页和网络应用的客户端脚本,可以处理用户的输入、操作DOM(文档对象模型)以及与服务器进行异步通信。在文件上传场景中,JavaScript主要用于处理用户选择的...

    使用jQuery+SWFUpload+Commons-FileUpload实现带进度条的上传

    首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。在本项目中,jQuery将用于处理页面上的用户交互,例如点击事件,以及与服务器端的通信。 SWFUpload是一个基于Flash...

    jquery ajax fileupload.js 下载

    它利用HTML5的`FormData`对象和`XMLHttpRequest Level 2`的API,支持多文件选择、进度条显示、错误处理等特性。 4. **异步文件上传**: 使用FileUpload.js,用户可以选择多个文件并异步上传,这意味着文件上传不会...

    5.2.2浏览器对象.docx

    - `form`对象:表示HTML表单,包含`button`、`checkbox`、`fileUpload`等子对象,可以用来处理用户输入。 - `image`对象:表示HTML中的图像元素,可以获取或设置图像属性。 - `link`对象:代表HTML的链接元素,...

    三大框架+log4j+dom4j

    `dom4j`是处理XML文档的库,它提供了强大的DOM、SAX和DOM4J的API,用于读写XML文件。 `ognl-2.7.3.jar`是Object-Graph Navigation Language的缩写,是一个表达式语言,常用于Struts2中进行属性绑定和数据传递。`...

    jquery图片压缩旋转

    jQuery本身并不直接提供图片压缩的功能,但可以借助一些插件如`jQuery.fileUpload`或`jQuery.imgAreaSelect`等实现。这些插件通常结合HTML5的File API来读取、操作和压缩图片。例如,可以读取图片文件,使用Canvas...

    FileUpload ajax 异步文件上传 进度条

    这通常需要配合HTML5的`FormData`对象和服务器端的支持来实现。 3. **Servlet**:在Java Web开发中,Servlet是处理HTTP请求的核心组件。在文件上传的场景下,Servlet接收客户端发送的文件,将其保存在服务器上,并...

    仿163网盘无刷新文件上传 for .Net_fileupload.zip

    8. **多文件上传**:除了单个文件上传,项目可能还支持拖放或批量上传多个文件,这需要用到HTML5的FormData对象和mulitpart/form-data类型的POST请求。 9. **错误处理**:良好的错误处理机制对于任何应用都是必不可...

    FileUpload.zip

    jQuery是一个强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。在表单提交时,jQuery的AJAX方法可以捕获用户的输入,包括文件选择和文本输入,然后在后台进行处理,这样可以提供更...

    php+ajaxfileupload错误修正版+json

    jquery.js是jQuery库的引用,它是ajaxfileupload.js插件依赖的基础,提供了方便的DOM操作、事件处理和AJAX等功能,使得编写交互式的前端应用变得简单。 最后,"images"目录很可能用来存储上传的图片文件。在实际...

    [上传下载]仿163网盘无刷新文件上传 for .Net_fileupload(ASP.NET源码).rar

    无刷新文件上传通常涉及到Ajax技术的使用,通过XMLHttpRequest对象在后台与服务器进行通信,允许数据在不重新加载整个页面的情况下进行交换。这种方式提高了用户体验,因为在等待文件上传时,用户可以继续浏览其他...

    jquery 多图片上传预览

    jQuery是JavaScript的一个库,它简化了DOM操作、事件处理和Ajax交互等任务。 在描述中,“java file upload”被重复提及三次,这可能是指后端服务器使用Java来处理文件上传的部分。Java提供了多种处理文件上传的...

    JqueryFileUpload实例

    **jQuery** 是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互。在`jQuery File Upload`中,jQuery被用来处理用户交互和与服务器的通信。前端主要涉及以下知识点: 1. **Ajax上传**:jQuery ...

    JSP源码 仿163网盘无刷新文件上传 for Jsp_fileupload_jsp.rar

    10. **前端框架**:虽然题目中没有提到具体的前端框架,但在实际开发中,可能会使用如jQuery、Vue.js、React等来简化DOM操作和AJAX调用。 总结来说,这个"JSP源码 仿163网盘无刷新文件上传"项目涵盖了JSP动态网页...

    AJAX 源码范例

    12/12.3/ 示例:实现Ajax翻页效果 &lt;br&gt;第13章 13/13.1.5.html DOM中事件顺序模型的不同范例 13/13.1.6.html CSS中使用!important提高属性优先级范例 13/13.2.2.html 利用URL存储状态信息...

    移动端HTML5实现文件上传功能【附代码】

    1. **fileUpload函数**:这个函数被绑定到具有特定类名的HTML元素上,以实现文件上传的功能。其中定义了相关操作的回调函数,如`fileSelected`,`uploadFile`,`previewImage`等。 2. **fileSelected函数**:此函数...

    fileupload控件 文件类型客户端验证实现代码

    在HTML中,fileupload控件通常是由元素实现的,该元素具有type="file"属性。用户可以通过这个控件选择要上传的文件,然后通过JavaScript或后端语言如***、PHP等处理这些文件。 接下来,我们将重点放在客户端验证上...

    jquery文件图片上传插件

    在这个函数中,我们可以获取到用户选择的文件对象,对文件进行预览和验证。 预览图片通常通过FileReader API实现,读取文件的DataURL,然后插入到DOM中显示。对于非图片文件,可能只显示文件名或者提供预览提示。...

Global site tag (gtag.js) - Google Analytics