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 |
分享到:
相关推荐
2. **FormData对象**:在HTML5中,FormData对象用于存储键值对,特别适用于发送数据到服务器,包括文件。它能与XMLHttpRequest或fetch API配合,实现文件的异步上传。 3. **XMLHttpRequest或fetch API**:这两者都...
JavaScript是一种解释型的、轻量级的编程语言,主要用于网页和网络应用的客户端脚本,可以处理用户的输入、操作DOM(文档对象模型)以及与服务器进行异步通信。在文件上传场景中,JavaScript主要用于处理用户选择的...
首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。在本项目中,jQuery将用于处理页面上的用户交互,例如点击事件,以及与服务器端的通信。 SWFUpload是一个基于Flash...
它利用HTML5的`FormData`对象和`XMLHttpRequest Level 2`的API,支持多文件选择、进度条显示、错误处理等特性。 4. **异步文件上传**: 使用FileUpload.js,用户可以选择多个文件并异步上传,这意味着文件上传不会...
- `form`对象:表示HTML表单,包含`button`、`checkbox`、`fileUpload`等子对象,可以用来处理用户输入。 - `image`对象:表示HTML中的图像元素,可以获取或设置图像属性。 - `link`对象:代表HTML的链接元素,...
`dom4j`是处理XML文档的库,它提供了强大的DOM、SAX和DOM4J的API,用于读写XML文件。 `ognl-2.7.3.jar`是Object-Graph Navigation Language的缩写,是一个表达式语言,常用于Struts2中进行属性绑定和数据传递。`...
jQuery本身并不直接提供图片压缩的功能,但可以借助一些插件如`jQuery.fileUpload`或`jQuery.imgAreaSelect`等实现。这些插件通常结合HTML5的File API来读取、操作和压缩图片。例如,可以读取图片文件,使用Canvas...
这通常需要配合HTML5的`FormData`对象和服务器端的支持来实现。 3. **Servlet**:在Java Web开发中,Servlet是处理HTTP请求的核心组件。在文件上传的场景下,Servlet接收客户端发送的文件,将其保存在服务器上,并...
8. **多文件上传**:除了单个文件上传,项目可能还支持拖放或批量上传多个文件,这需要用到HTML5的FormData对象和mulitpart/form-data类型的POST请求。 9. **错误处理**:良好的错误处理机制对于任何应用都是必不可...
jQuery是一个强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。在表单提交时,jQuery的AJAX方法可以捕获用户的输入,包括文件选择和文本输入,然后在后台进行处理,这样可以提供更...
jquery.js是jQuery库的引用,它是ajaxfileupload.js插件依赖的基础,提供了方便的DOM操作、事件处理和AJAX等功能,使得编写交互式的前端应用变得简单。 最后,"images"目录很可能用来存储上传的图片文件。在实际...
无刷新文件上传通常涉及到Ajax技术的使用,通过XMLHttpRequest对象在后台与服务器进行通信,允许数据在不重新加载整个页面的情况下进行交换。这种方式提高了用户体验,因为在等待文件上传时,用户可以继续浏览其他...
jQuery是JavaScript的一个库,它简化了DOM操作、事件处理和Ajax交互等任务。 在描述中,“java file upload”被重复提及三次,这可能是指后端服务器使用Java来处理文件上传的部分。Java提供了多种处理文件上传的...
**jQuery** 是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互。在`jQuery File Upload`中,jQuery被用来处理用户交互和与服务器的通信。前端主要涉及以下知识点: 1. **Ajax上传**:jQuery ...
10. **前端框架**:虽然题目中没有提到具体的前端框架,但在实际开发中,可能会使用如jQuery、Vue.js、React等来简化DOM操作和AJAX调用。 总结来说,这个"JSP源码 仿163网盘无刷新文件上传"项目涵盖了JSP动态网页...
12/12.3/ 示例:实现Ajax翻页效果 <br>第13章 13/13.1.5.html DOM中事件顺序模型的不同范例 13/13.1.6.html CSS中使用!important提高属性优先级范例 13/13.2.2.html 利用URL存储状态信息...
1. **fileUpload函数**:这个函数被绑定到具有特定类名的HTML元素上,以实现文件上传的功能。其中定义了相关操作的回调函数,如`fileSelected`,`uploadFile`,`previewImage`等。 2. **fileSelected函数**:此函数...
在HTML中,fileupload控件通常是由元素实现的,该元素具有type="file"属性。用户可以通过这个控件选择要上传的文件,然后通过JavaScript或后端语言如***、PHP等处理这些文件。 接下来,我们将重点放在客户端验证上...
在这个函数中,我们可以获取到用户选择的文件对象,对文件进行预览和验证。 预览图片通常通过FileReader API实现,读取文件的DataURL,然后插入到DOM中显示。对于非图片文件,可能只显示文件名或者提供预览提示。...