`
chmod777
  • 浏览: 45780 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类
最新评论

无刷新文件上传(伪ajax上传)

阅读更多
首先声明一点,ajax没法上传文件,因为javascript被设计为不能读取本地文件,
所以肯定不能上传文件了,但是无刷新上传文件还是可以实现的。

1.动态创建form,并加上enctype="multipart/form-data",
  然后把<input type="file">元素append 到此form。
2.创建iframe,hide掉,把form的target设置为iframe的name,这样以来此form提交就不会refresh了。
3.submit,OK。
分享到:
评论

相关推荐

    ajax文件上传

    这里我们讨论的是“伪Ajax文件上传”这一主题,它主要针对JavaScript实现的文件上传功能,特别是考虑了对Firefox和IE8浏览器的兼容性。 文件上传在Web应用中是一个常见的需求,传统方式通常是通过表单提交,页面会...

    Ajax批量上传显示进度条

    Ajax技术的引入,使得在不刷新整个页面的情况下实现异步数据交换成为可能,进而可以实现在文件上传过程中显示进度条的功能,极大地提升了用户体验。本文将详细探讨如何利用Ajax实现批量上传文件并展示进度条。 首先...

    jQuery css3文件上传动画界面代码

    此外,jQuery还支持异步上传,通过Ajax调用后台接口,实现在不刷新页面的情况下完成文件上传。 其次,CSS3是层叠样式表的最新版本,引入了许多新的样式属性和动画效果。在这个文件上传界面中,css3被用来设计上传...

    一个伪ajax图片上传代码实现示例

    在隐藏的iframe中提交表单是伪Ajax上传的核心技术。通过JavaScript创建一个隐藏的iframe元素,并将表单的action设置为这个iframe的名称,使得表单提交时,实际上是提交到一个在当前页面内嵌的隐藏的iframe中,而不是...

    jQuery文件上传步骤引导代码.zip

    1. **异步上传**:传统的文件上传通常需要刷新页面,而jQuery结合Ajax技术可以让用户在不离开当前页面的情况下完成文件上传,提高用户体验。这通常涉及到`FormData`对象,用于封装文件数据,然后通过`$.ajax`或`$....

    Ajax方式提交带文件上传的表单及隐藏iframe应用

    在现代Web开发中,文件上传是一项常见的功能,但当涉及到Ajax无刷新提交时,问题就会变得复杂。Ajax通常不支持处理multipart/form-data类型的表单,这是由于文件上传所需的格式。然而,通过使用隐藏的iframe,我们...

    HTML5文件上传ui样式特效.zip

    此外,jQuery还可以帮助我们优雅地处理异步上传过程,比如使用AJAX技术实现无刷新上传。 CSS特效是这个资源的核心部分,它们负责美化文件上传组件的外观。这可能包括按钮样式、进度条效果、选中文件的显示方式等。...

    丰富的ajax进度条

    这种模式适用于大型文件上传或处理复杂计算的场景。 2. **基于客户端的进度条** 基于客户端的进度条主要依赖于HTTP的Content-Length头信息和Transfer-Encoding头信息。当服务器提供这些信息时,客户端可以预测整个...

    新版PHP在线智能AI文章伪原创网站源码

    5. **前端与后端通信**:`index.html`通过JavaScript与`get-ai.php`通信,可能是使用Ajax异步请求,这样可以在不刷新页面的情况下发送数据并获取回应,提高了用户体验。 6. **安全性与优化**:尽管这个源码简化了...

    VS2008-用JQuery实现Ajax效果.rar

    Ajax技术允许网页在不刷新整个页面的情况下与服务器进行数据交换,提升用户体验。 【描述】:描述中提到这是一个Java教程的习题,但考虑到文件名,实际上可能是针对.NET开发者,尤其是使用VS2008的用户。这个资源...

    上传头像前端模板,很简单,下载即用

    - 表单提交或异步上传:利用XMLHttpRequest或Fetch API实现文件的异步上传,通常配合Ajax技术,避免页面刷新。 - 错误处理:如果上传过程中出现问题,如文件格式不正确、网络错误等,JavaScript可以提供相应的提示...

    jQuery+CSS3相册上传全选/取消多张图片选择动画

    在文件上传方面,可以使用HTML5的`FormData`对象,将选中的图片文件和相关信息打包成一个数据对象,通过AJAX发送到服务器端进行存储。这样不仅可以实现异步无刷新上传,还可以通过`FormData`的`append`方法动态添加...

    JavaScript实现图片伪异步上传过程解析

    在JavaScript中实现图片的伪异步上传是一种模拟Ajax文件上传的方法,因为标准的Ajax技术由于安全原因不支持直接上传文件。这种技术的核心是利用HTML的`&lt;form&gt;`表单和`&lt;iframe&gt;`来实现文件的后台上传,同时保持用户...

    披萨:测试项目的文件上传

    在IT行业中,文件上传是网页应用中常见的功能之一,它允许用户将本地计算机上的文件传输到服务器端。在这个名为“披萨:测试项目的文件上传”的项目中,我们可能正在处理一个用于测试文件上传功能的简单应用程序。这...

    jQuery拖拽图片上传表单代码.zip

    用户将图片拖入此区域后,后台会通过AJAX异步提交文件,避免页面刷新,提高用户体验。 在实际应用中,为了安全和性能考虑,我们还需要处理一些额外的问题,例如: - 文件类型检查:限制用户只能上传特定类型的图片...

    Ajax 实现加载进度条

    此事件可以在文件上传时,实时显示上传进度。虽然在本例中未提及`progress`事件的具体使用,但在具体实现进度条功能时,可以通过此事件实时更新进度条状态。 请求完成之后,会触发`complete`回调函数。无论请求成功...

    多淘铺PHP淘宝店铺导航系统 v1.4.3.rar

    PHP淘宝店铺导航系统,PHP淘宝客系统,程序定位为淘宝店铺导航模式,店铺可自由添加/编辑等操作,采用ajax无刷新技术获取店铺信息。多淘铺淘宝店铺导航系统功能说明:  1.店铺可以自由添加编辑,logo修改,推荐,...

    歪酷CMS v2.0 Release UTF8 build 20130612.zip

    手动分页,心情投票,留言和评论均采用了AJAX无刷新技术,数据库备份和还原,系统已经实现了伪静态,支持自定义伪静态后缀等等。 歪酷CMS v2.0版本基本更新内容: 1.基于thinkphp 框架3.1.2版本重构系统 2.模型扩展...

    JumbotCMS

    程序名称:JumbotCMS 运行环境:asp+mssql 程序作者:jumbot,随风缘 &lt;br&gt;部分技术解析: 1、创建多层目录 2、保存内容中的远程文件 3、获取远程...伪静态 9、后台管理ajax,无刷新页面更新

Global site tag (gtag.js) - Google Analytics