`
tzylwl
  • 浏览: 91876 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ajax异步上传文件

 
阅读更多
$(document).ready(function() {
var uploadBtn = $("#uploadBtn");
var btnVal = uploadBtn.val();
upload = new AjaxUpload(uploadBtn, {
action: '<%=basePath%>improtfromfile.do?method=uploadVoiceFile',
name:'addressBookFile',
autoSubmit: false,
onSubmit : function(file, extension) {
         uploadBtn.val('uploading...');
this.disable();
},
onComplete: function(file, transport) {
uploadBtn.val(btnVal);
this.enable();
var result = eval("(" + transport + ")");
if(result.resultCode=="0"){
//上传成功
  svaeDB();
}else if(result.resultCode=="1"){
  showMessage(res_entry("ugp.synchAddresslist.nopattern"),true,3000);
}else{ showMessage(res_entry("ugp.synchAddresslist.uploadfailed"),true,3000);
}
},
onChange: function(file, extension){
$("#filepath").val(file);
}
});
});

function uploadFile(){
      upload.submit();
}

html文件中内容:
<tr class="tr_pagenumber">
<td nowrap="nowrap" width="30%">
<label resid="ugp.voice.selectVoice">
</label>
</td>
<td nowrap="nowrap" width="70%">
<input type="text" id="filepath" style="width: 250px"
maxlength="120" />
<input type="button" id="uploadBtn" value=""
class="button" resid="ugp.synchAddresslist.choosefile" />
</td>
</tr>
0
0
分享到:
评论

相关推荐

    ajax异步上传文件

    而AJAX异步上传则不同,它通过JavaScript创建XMLHttpRequest对象,利用这个对象向服务器发送请求,然后在后台处理数据,最后将响应结果回传到客户端,整个过程不会刷新页面,提供更好的用户体验。 jQuery库为开发者...

    ajax异步上传文件实现

    至于提供的压缩包文件“package.xml”和“xhprof-0.9.2”,它们似乎与Ajax异步文件上传的主题不直接相关。“package.xml”可能是某种软件或项目的配置文件,而“xhprof-0.9.2”可能是一个性能分析工具,如PHP的...

    ajax异步上传文件插件

    **Ajax异步上传文件插件详解** 在现代Web开发中,用户交互的实时性和流畅性是提升用户体验的关键因素之一。Ajax(Asynchronous JavaScript and XML)技术的出现,使得页面无需刷新即可实现数据的异步更新,极大地...

    asp.net ajax异步上传文件demo

    asp.net ajax异步上传文件 代码是从一系统中取出来的并作了修改..感觉非常好用,借助此demo还可以实现异步读取信息 验证用户名 更改信息等... 如出现object error错误 请检查function.js submitUrl参数的提交路径...

    ajax异步上传文件js

    ajax 异步上传 需要的js文件 ajax 异步上传

    ajax 异步上传文件

    很简单,很实用的异步上传插件,有需要的可以下载

    SpringMVC+Ajax异步文件上传

    2. **Ajax异步文件上传** - **FormData对象**:在前端,我们需要使用`FormData`对象来封装待上传的文件,然后通过`XMLHttpRequest`或`fetch` API来发送异步请求。 - **事件监听**:`Ajax`可以监听文件上传的进度,...

    spring mvc ajax异步文件的上传和普通文件上传

    总结起来,Spring MVC提供了方便的文件上传支持,无论是传统的HTTP表单提交还是Ajax异步上传,都能轻松应对。了解并掌握这些技术,对于开发高效、用户体验优秀的Web应用至关重要。在实际应用中,还需要注意文件大小...

    ajax异步批量上传文件demo

    为了解决这一问题,Ajax异步上传文件应运而生。本教程将通过一个名为"AJaxUpFileTest"的示例项目,详细介绍如何利用JavaScript的FormData对象和Ajax技术实现无刷新的批量文件上传。 首先,我们来看`AJaxUpFileTest`...

    ajax异步文件上传,servlet处理

    在现代Web应用中,用户经常需要上传文件,如图片、文档等。为了提供更好的用户体验,开发者通常会采用AJAX(Asynchronous JavaScript and XML)技术实现异步文件上传,避免传统方式下页面刷新带来的中断感。AJAX允许...

    Ajax异步上传文件实例代码分享

    然后,从JavaScript的角度来看,实现Ajax异步上传文件的核心在于使用XMLHttpRequest对象或者更简单的封装库如jQuery。本实例中使用了jQuery的$.ajax()方法,它简化了Ajax的使用。$.ajax()方法通过指定一系列的参数来...

    Ajax上传文件Demo

    在“Ajax上传文件Demo”中,我们将探讨以下几个关键知识点: 1. **HTML表单设计**:首先,我们需要一个HTML表单让用户选择要上传的文件。`&lt;input type="file" id="fileInput"&gt;` 是一个基本的文件选择控件,`id`属性...

    Servlet图片批量上传ajax异步上传

    综上所述,"Servlet图片批量上传ajax异步上传"是一个完整的Web应用开发场景,涵盖了从前端的无刷新用户体验,到后端的文件处理,再到数据的JSON交换。这个Demo的实现可以帮助开发者理解如何在实际项目中整合这些技术...

    struts2+jquery+ajax文件异步上传

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

    ajax异步上传

    在IT行业中,Ajax异步上传是一种常见的网页交互技术,它允许用户在不刷新整个页面的情况下进行数据的上传,显著提升了用户体验。Ajax(Asynchronous JavaScript and XML)的核心是利用JavaScript实现局部刷新,结合...

    ajax异步上传(带进度条)

    "Ajax异步上传(带进度条)"就是一种能够提供流畅用户体验的上传方式,它允许用户在不刷新整个页面的情况下进行文件上传,并通过进度条实时显示上传进度。这种方式相比传统的表单提交方式,用户体验更佳,因为它避免...

    java做的ajax异步上传 图片或文件的demo

    这个"java做的ajax异步上传 图片或文件的demo"为我们提供了一个基于Java后端和Ajax前端技术的实现示例,用于演示如何在Eclipse集成开发环境中配置并运行一个这样的应用。下面,我们将深入探讨相关的知识点。 首先,...

Global site tag (gtag.js) - Google Analytics