`

JQUERY > 异步(ajax)上传图片

 
阅读更多

 

    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head id="Head1" runat="server">  
        <title></title>  
		<meta charset="utf-8">
        <script src="./jquery-1.4.min.js" type="text/javascript"></script>  
        <script src="./jquery.form.js" type="text/javascript"></script>  
		
        <script type="text/javascript">  
		
            function uploadImage() {  
					$('#imgDiv').html('开始上传');
				  $('#UpLoadForm').ajaxSubmit(null,"imgDiv");
            }  
		
        </script>  
    </head>  
    <body>  
    <form  enctype="multipart/form-data" action="http://***.com/img_receive.php" method="post"  id="UpLoadForm">  
    <input type="file" id="uploadFile" runat="server" name="upfile" />  
    <input type="button" id="btnUpload" value="确定" onclick="uploadImage()" />  
    <div id="imgDiv">    </div>  
    </form>  
    </body>  
    </html>  

 

其中 jquery.form.js  见附件

 

 

分享到:
评论

相关推荐

    利用Ajax+Jquery实现异步进度条效果

    "利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开,它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先,C#是一种面向对象的编程语言,广泛应用于...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

    Jquery异步上传 ajax上传 php异步上传

    在Ajax上传中,通常会使用HTML5的File API来获取和处理文件。例如,可以创建一个`&lt;input type="file"&gt;`元素让用户选择文件,然后通过JavaScript读取选中的文件: ```javascript var fileInput = $('#fileInput'); ...

    Jquery ajax异步上传

    Jquery ajax异步上传 .

    jquery ajax异步上传示例

    jquery ajax 异步 上传 示例

    基于 jQuery 实现的 Ajax 异步分页

    为了解决这个问题,我们可以采用基于jQuery的Ajax异步分页技术。本篇文章将详细介绍如何利用jQuery实现Ajax异步分页,以及其背后的原理和实践应用。 首先,让我们理解什么是Ajax。AJAX(Asynchronous JavaScript ...

    jQuery的Ajax实现异步传输List、Map

    本话题将深入探讨如何使用jQuery的Ajax功能实现异步传输List和Map类型的数据,同时涉及JSON数据格式的使用。 首先,让我们了解JSON(JavaScript Object Notation),它是轻量级的数据交换格式,易于人阅读和编写,...

    Java通过jQuery实现ajax异步请求

    本示例工程"Java通过jQuery实现ajax异步请求"着重展示了如何利用jQuery的AJAX功能与后端Java服务器进行数据通信,从而实现页面的无刷新更新。以下将详细解释这个过程中涉及的关键知识点。 首先,jQuery是一个强大的...

    JQuery中Ajax的异步调用 示例

    JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,一个关于在js中通过JQuery实现异步无...

    异步校验jquery-ajax

    本工程有两种ajax异步校验注册时输入的username是否与数据库中的值重复,通过mybatis实现数据库,通过servlet或者struts2实现控制层,通过ajax,jquery,json,实现异步校验

    ajaxfileupload.js 实现jquery ajax异步上传图片

    修复ajaxfileupload.js 不能携带参数问题,修复返回json格式报错问题。轻松搞定异步上传图片问题。

    struts2+jquery+ajax文件异步上传

    Struts2、jQuery和Ajax是Web开发中的三个关键组件,它们共同构成了文件异步上传的基础框架。这个项目是在MyEclipse环境下实现的一个简单的文件上传功能,让我们深入了解一下这些技术及其在文件上传中的应用。 首先...

    jquery ajax 异步传值并把值赋予在div标签内

    jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行...

    jQuery中异步交互技术详细指南

    除了`jQuery.ajax()`之外,jQuery还提供了一些简化版的函数,如`jQuery.get()`、`jQuery.post()`以及用于处理JSON数据的`jQuery.getJSON()`等,这些函数对于常见的异步数据交互场景非常有用。 #### 参数详解 `...

    JQuery异步上传下载

    首先,我们要了解jQuery异步上传的基本原理。在传统的文件上传方式中,用户提交表单时会刷新整个页面,用户体验不佳。而jQuery通过Ajax技术实现了异步上传,即在后台处理文件上传,前端页面保持不刷新,提升了用户...

    ajax jquery html异步登录

    在实现异步登录时,jQuery提供了方便的$.ajax()方法,可以轻松发送Ajax请求到服务器。 HTML作为页面的基础结构语言,用于构建登录表单。一个简单的登录表单可能包含用户名和密码输入框以及登录按钮,通常会有一个id...

    Jquery Ajax分页(有实例)

    jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和XML)技术,可以实现动态、高效的分页效果。本篇文章将深入探讨jQuery AJAX分页的原理与实践,通过具体的实例来展示如何实现炫酷的分页功能...

    jQuery的异步调用

    最后,将jQuery的Ajax支持与其他JavaScript库进行比较也是了解jQuery异步编程能力的一个重要方面。例如,Prototype、Dojo、Ext-JS、GWT、YUI以及Google Closure等都有各自的方式来处理Ajax交互。开发者在选择合适的...

    JQuery 异步上传文件demo

    在本项目"JQuery异步上传文件demo"中,我们将探讨如何使用jQuery的Ajax功能来实现这一目标。 首先,让我们了解异步上传的基本原理。传统的文件上传通常涉及表单提交,这会导致页面刷新,打断用户操作。而异步上传则...

Global site tag (gtag.js) - Google Analytics