`
wangzemin
  • 浏览: 13792 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

ajaxfileupload异步上传文件

阅读更多

    首先,引入js文件

<script type="text/javascript" src="/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
<div class="fitem">
	<label>文件:</label>
	<input id="file" name="file" type="file" />
</div>
<input type="button" value="提交" onclick="Submit()" />
function Submit(){
    var value = $("#file").val();
	if(value==""){
	   alert("请选择文件!");
	   return;
        }
	$.ajaxFileUpload({
	    url:url,            //需要链接到服务器地址
	    secureuri:false,
	    fileElementId:'file',                     //文件选择框的id属性
	    dataType: 'text',                           //服务器返回的格式
	    success: function (data){
		    alert("上传成功,返回值为" + data);
	    },
	    error: function ()            //相当于java中catch语句块的用法
	    {
	        alert('警告,上传失败!');
	     }
	});
}

 后台接收文件的操作和同步提交的完全一样,这里就不贴了。。。

 

分享到:
评论

相关推荐

    ajaxfileupload.js(异步上传文件插件)

    jquery的一款异步文件上传插件,我博客中有关于此插件的详细教程。 handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s....

    ajaxfileupload实现异步式上传文件

    AjaxFileUpload是基于jQuery的一个插件,它利用了AJAX技术来实现文件的后台异步上传。AJAX(Asynchronous JavaScript and XML)的核心在于通过JavaScript与XMLHttpRequest对象进行通信,使得前端与后台的数据交换...

    AJAXFileUpload ajax 异步文件上传 进度条

    3. XMLHttpRequest Level 2:这是AJAXFileUpload能实现异步上传的关键,它扩展了XMLHttpRequest,增加了对文件上传的支持,包括设置请求头、上传进度等。 三、AJAXFileUpload实现步骤 1. 创建HTML结构:创建一个...

    完美SS2H+ajaxfileupload异步上传多个附件、删除

    标题中的“完美SS2H+ajaxfileupload异步上传多个附件、删除”涉及到的是一个Web应用中的文件上传功能实现,具体来说,它结合了Spring Security(SS)和Struts2 (SH)两个框架,并利用ajaxfileupload.js这个JavaScript...

    解析ajaxFileUpload 异步上传文件简单使用

    本文将详细讲解如何使用 `AjaxFileUpload` 插件实现异步文件上传。 首先,`AjaxFileUpload` 的基本使用涉及到前端的 HTML 和 JavaScript 部分。HTML 部分通常只需要一个文件输入元素(`&lt;input type="file"&gt;`)和一...

    jQuery插件ajaxFileUpload异步上传文件

    `jQuery.ajaxFileUpload` 是一个用于异步上传文件的jQuery插件,它的主要特点是通过创建隐藏的表单和iframe来实现文件的非刷新上传,并且其API设计类似于jQuery的AJAX方法,使得开发者更容易理解和使用。这个插件并...

    AJAXFileUpload ajax 异步文件上传

    AJAXFileUpload利用Ajax和JavaScript实现了异步文件上传,通过进度条显示增强了用户体验。理解和掌握这项技术对于构建高性能、高交互性的Web应用至关重要。同时,要关注安全性和浏览器兼容性,确保功能在各种环境下...

    jQuery异步上传文件插件ajaxFileUpload详细介绍

    主要介绍了jQuery异步上传文件插件ajaxFileUpload详细介绍,本文首先讲解了ajaxFileUpload的参数、错误提示等知识,然后给出了简单使用实例和ASP.NET MVC模式下的使用实例,需要的朋友可以参考下

    AjaxFileUpload实现文件异步上传(功能实现代码).rar

    AjaxFileUpload实现文件异步上传(功能实现代码).rar AjaxFileUpload实现文件异步上传, 文件域添加change事件,改变文件域时执行上传文件功能 $("#upload-excel-file").bind("change", function() {  $....

    ajaxfileupload1.0.zip 文件无刷新上传代码

    【标题】:“ajaxfileupload1.0.zip 文件无刷新上传代码” 这个压缩包“ajaxfileupload1.0.zip”提供了一种实现无刷新文件上传的解决方案。无刷新上传,也称为异步文件上传,是现代网页应用中常用的一个功能,它...

    AjaxFileUpload 文件上传

    AjaxFileUpload 是一个专门用于实现异步文件上传的JavaScript组件,它利用了Ajax技术,让用户可以在不刷新页面的情况下完成文件上传,提供了更为流畅和友好的用户体验。 AjaxFileUpload 的核心原理在于利用Ajax...

    jsp异步上传文件

    `jsp异步上传文件`这个主题聚焦于如何利用JavaServer Pages (JSP)、Servlet以及JavaScript的ajaxFileupload.js插件来实现在Web应用中异步上传文件。这种方式可以提供更好的用户体验,因为文件上传不会阻塞页面的其他...

    $.ajaxFileUpload 文件上传

    $.ajaxFileUpload 是一个jQuery插件,它提供了异步文件上传的能力,使得用户无需刷新页面即可完成文件提交,提高了用户体验。 $.ajaxFileUpload 的核心在于使用Ajax技术,它允许在后台与服务器交换数据并更新部分...

    ajaxfileupload多文件上传

    **AjaxFileUpload是基于JavaScript和Ajax技术的一种文件上传组件,它允许用户在不刷新整个页面的情况下实现异步文件上传。这种技术在Web开发中被广泛应用,因为它提供了良好的用户体验,允许用户在后台处理文件上传...

    ajaxfileupload.js多文件上传

    ajaxfileupload.js 这是个非常好的异步上传图片的插件,来解决form表单上传时要刷新页面的问题。支持多文件上传

    ajaxfileupload.js实现文件异步上传

    ajaxfileupload.js实现文件异步上传

    jquery+ajaxfileupload+html文件上传

    AjaxFileUpload是jQuery的一个插件,专门用于实现异步文件上传。它利用Ajax技术实现了在不刷新页面的情况下上传文件,提高了用户体验。这个插件的核心在于它可以监听文件选择事件,然后在后台上传文件,同时可以显示...

Global site tag (gtag.js) - Google Analytics