`
boin
  • 浏览: 34883 次
社区版块
存档分类
最新评论

扩展prototype,增加良好体验的文件上传

阅读更多
mcfeeboin【AT】gmail.com
http://boin.iteye.com

扩展自 Prototype 1.5.11,在Form类下添加一个formUpdate方法:

方法原型:
 Form.formUpdate: function(form, options){}


参数说明:
form:
为欲提交的表单id

options:
可选两个参数
    1. handler:指定提交表单后更新服务器响应内容的元素id
    2. loadingmsg:指定当表单提交过程中的等待信息


典型调用代码:
引用
$('f').formUpdate({
handler:'result', loadingmsg:'请稍候,正在提交...'
});


DEMO 地址:

点此访问简单Demo
分享到:
评论
3 楼 songlingjie 2014-11-20  
好像ie10下面有兼容问题,不能用
2 楼 huanguuq 2007-07-27  
他打错了吧,应该是服务器返回信息更新页面那个id
1 楼 fins 2007-07-27  
请问
handler:指定提交表单后更新服务器相应的元素

啥意思???
没太明白 不好意思 呵呵

相关推荐

    prototype demo

    通过这个Prototype demo,开发者可以学习到如何利用Prototype库来增强JavaScript的原生对象,提升代码的可读性和可维护性,并掌握基于Prototype的Ajax操作,提高Web应用的用户体验。同时,结合CSS文件,可以了解前端...

    基于prototype的js异步上传带进度条 有后台代码

    本教程将详细介绍如何使用Prototype库实现一个带有进度条的异步文件上传功能,并涉及到后台代码的支持。 首先,我们需要理解Prototype的核心概念。Prototype通过扩展JavaScript的内置对象,如Array、Function和...

    AJAX实现基于WEB的文件上传的进度控制源代码

    总的来说,这个源代码示例旨在教授开发者如何使用AJAX和Prototype库创建一个用户友好的文件上传功能,同时展示如何实时更新文件上传进度,提升用户体验。理解和实践这个示例将有助于提高Web开发技能,特别是涉及到...

    SWFUpload的文件上传利器

    总结来说,SWFUpload是Web开发中的一个高效工具,它利用Flash技术实现了高效、流畅的文件上传体验,并且具有良好的可扩展性和兼容性。虽然随着HTML5的普及,纯JavaScript的文件上传解决方案逐渐成为主流,但...

    SWFUpload_多文件上传手册.doc

    SWFUpload 是一个基于 Flash 和 JavaScript 的文件上传组件,由 Vinterwebb.se 创建,旨在提供超越传统 `<input type="file">` 标签的文件上传体验。它允许用户在文件选择对话框中实现多选,支持无刷新页面上传,...

    基于ASP的风铃ASP文件共享系统(多文件上传) v1.5.zip

    可能的优化措施包括:减少数据库查询次数,提高文件上传的速度,优化服务器资源占用,以及提升用户体验,如通过异步上传技术改善页面响应速度。 【组件和库的使用】 ASP允许开发者使用各种组件来扩展功能,例如...

    ajax上传下载

    通过使用Prototype框架和Servlet,开发者能够构建出既灵活又强大的文件上传下载功能,同时降低技术复杂度,提高用户体验。这一技术的应用不仅限于文件上传,还可以扩展至图像预览、视频流传输等领域,为现代Web应用...

    解决html5大文件断点续传

    通过这些技术的综合运用,可以有效地解决大文件上传问题,并提供用户体验良好的交互效果。在实现时,需要前后端相互配合,前端负责文件处理和上传状态的记录,后端负责分片的接收、存储和文件的最终合并。

    上传文件js

    总结,SwfUpload 是一个强大且功能丰富的文件上传解决方案,它通过JavaScript和Flash的结合,为Web应用提供了高效、友好的文件上传体验。通过深入了解其工作原理和使用方法,开发者可以将其有效地整合到自己的项目中...

    prototype ajax

    9. **Ajax.InPlaceEditor** 和 **Ajax.FileUpload**:这两个组件分别提供了在原地编辑文本和上传文件的AJAX功能。 通过熟练掌握Prototype的AJAX功能,开发者可以构建出高效、用户友好的Web应用,充分利用异步通信的...

    [其他类别]ProtoType+PHP拖拉裁切图片_cropper.zip

    ProtoType是早期流行的JavaScript库之一,它扩展了JavaScript的内置对象,提供了许多实用的函数和方法,如类(Class)、事件(Event)处理、Ajax请求等功能。在图片裁剪场景中,ProtoType可能被用来处理DOM元素,...

    SWFUpload上传

    ### SWFUpload详解:超越传统的文件上传体验 #### 一、SWFUpload概述 SWFUpload,一个由Vinterwebb.se开发的革命性客户端文件上传工具,它巧妙地结合了Flash与JavaScript技术,为Web开发者提供了一种远超传统`...

    Extjs部署,包括Extjs部署所需的库和文件

    在深入探讨Extjs部署及其所需库与文件的过程中,我们首先需理解...总之,Extjs的部署不仅仅是将文件上传到服务器那么简单,它需要仔细规划和细致操作,确保每个环节都符合最佳实践,从而实现高效、稳定的前端应用。

    分享20多个很棒的jQuery 文件上传插件或教程

    MooTools是一个与prototype类似的Ajax框架,它也支持文件上传的相关功能。 插件的使用可以帮助开发者快速实现文件上传功能,并减少不必要的重复开发工作。上述提及的插件中,一些还提供了详细的教程,方便开发者...

    ueditor上传图片到ftp

    ueditor是百度推出的一款开源的JavaScript富文本编辑器,支持多种浏览器,具有强大的功能和良好的用户体验。其核心功能包括文字编辑、图片上传、视频插入等,常用于网站后台内容管理系统。 2. **FTP服务器基础** ...

    SWFUpload API中文文档

    ### SWFUpload API中文文档详解 #### 一、SWFUpload简介 SWFUpload是一款由Vinterwebb.se开发的...通过对SWFUpload JavaScript对象的学习,开发人员可以更好地利用其提供的API来实现更加高效且美观的文件上传体验。

    MB-SyncM-Prototype-DIST

    在MB-SyncM-Prototype-DIST项目中,JavaScript可能是用来编写脚本或工具,以便自动化客户端构建过程,包括编译源代码、打包资源、处理依赖关系以及通过FTP上传生成的文件到远程服务器。 1. **构建自动化**:...

    SwfUploadV2.2.0中文说明文档

    总结而言,SwfUpload V2.2.0是一款功能强大的文件上传工具,它不仅提供了丰富的功能,而且具有良好的扩展性和定制性。对于希望提高用户体验并优化文件上传流程的开发者来说,SwfUpload无疑是一个值得考虑的选择。

    PracticalPrototypeAndScript.aculo.us

    2. **拖拽式文件上传**:结合Draggable和Droppable功能实现文件拖拽上传功能。 3. **动态面板切换**:使用Effects模块实现面板的平滑过渡效果。 4. **自定义控件**:基于Controlled Elements构建自定义的UI控件,如...

    SWFUpload_V2.2.0_说明文档(中文)

    **SWFUpload**是一款由Vinterwebb.se开发的客户端文件上传工具,结合了Flash与JavaScript技术,旨在为用户提供一种更为高效且交互性强的文件上传体验。相较于传统浏览器中的`<input type="file"/>`标签,SWFUpload...

Global site tag (gtag.js) - Google Analytics