- 浏览: 2259953 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (423)
- FileNet相关 (3)
- 应用服务器相关 (22)
- Java综合 (77)
- 持久层 (24)
- struts (11)
- webservice (8)
- 虚拟机 (2)
- 光盘刻录 (0)
- AD及AD集群 (1)
- JS (33)
- F5 (0)
- loadrunner8.1 (0)
- Java 反编译工具 (2)
- DataBase (62)
- ant (1)
- 操作系统 (29)
- 我的任务 (3)
- 平台架构 (16)
- 业务规则引擎 (2)
- 模板 (1)
- EJB (5)
- spring (24)
- CMMI (1)
- 项目管理 (20)
- LDAP (13)
- JMS (10)
- JSP (19)
- JBPM (2)
- web MVC框架设计思想 (2)
- 第三方支付平台 (2)
- BUG管理工具 (1)
- 垃圾站 (2)
- php (1)
- swing (1)
- 书籍 (1)
- QQ qq (2)
- 移动互联网 (26)
- 爱听的歌曲 (0)
- hadoop (4)
- 数据库 (9)
- 设计模式 (1)
- 面试经验只谈 (1)
- 大数据 (9)
- sp (1)
- 缓存数据库 (8)
- storm (2)
- taobao (2)
- 分布式,高并发,大型互联网,负载均衡 (6)
- Apache Ignite (0)
- Docker & K8S (0)
最新评论
-
wangyudong:
新版本 Wisdom RESTClienthttps://gi ...
spring rest mvc使用RestTemplate调用 -
wangyudong:
很多API doc生成工具生成API文档需要引入第三方依赖,重 ...
spring rest mvc使用RestTemplate调用 -
zhaoshijie:
cfying 写道大侠,还是加载了两次,怎么解决啊?求。QQ: ...
spring容器加载完毕做一件事情(利用ContextRefreshedEvent事件) -
xinglianxlxl:
对我有用,非常感谢
spring容器加载完毕做一件事情(利用ContextRefreshedEvent事件) -
k_caesar:
多谢,学习了
利用maven的resources、filter和profile实现不同环境使用不同配置文件
1.上传jsp。
<table cellpadding="0" cellspacing="0" border="0" class="ktable_9" >
<tr>
<td><input type="file" name="upoadFileName" id="upoadFileName"><a href="#" onclick="uploadFile();return false;"><span><span>上传</span></span></a></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
2.下面是前端的js脚本:
function uploadFile(){
var myurl="/uploadMyFile.do?tenderInfoId="+tenderInfoId;
jQuery.ajaxFileUpload(
{
url:myurl,
secureuri:false,
fileElementId:""upoadFileName"", --上传文件对应的文本域的id
dataType: ""json"",
success: function (data, status)
{
alert(""上传成功"");
},
error: function (data, status, e)
{
alert(""上传失败"");
}
} );
}
3.这是后台的action:
public ActionForward uploadMyFile(ActionMapping mapping,
ActionForm form, HttpServletRequest request,
HttpServletResponse response) throws Exception {
/* =============禁止缓存============== */
response.setHeader("Pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
/* =============禁止缓存============== */
response.setContentType("text/html;charset=UTF-8");
TTenderFileDTO tendform = (TTenderFileDTO) form;
MultipartHttpServletRequest mhs = (MultipartHttpServletRequest) request;
MultipartFile mf = mhs.getFile("batchSearchFile");
String filewholeName = "";
try {
FormFile file = (FormFile) tendform.getMultipartRequestHandler()
.getFileElements().get("upoadFileName");--对应于前端的文本域id,
String fileName = file.getFileName();
String fileSimpleName = fileName.substring(fileName
.lastIndexOf("."));
fileName = DateHandler.convertStringToDate(new Date(), null)
+ fileName;
if (file.getFileSize() > 50 * 1024 * 1024) {
write("{""result"":false,""error"":"" filesize""}", response);
return null;
}
String uploadPath = this.getServlet().getServletContext()
.getRealPath("/")
+ "uploadfile/";
File savePath = new File(uploadPath);
System.out.println(savePath.getAbsolutePath());
if (!savePath.exists()) {
savePath.mkdir();
}
filewholeName = uploadPath + "/" + fileName;
FileOutputStream fos = new FileOutputStream(filewholeName);
fos.write(file.getFileData());
log.info("#############上传文件:" + fileName);
write("{""result"":true}", response);
} catch (Exception e) {
write("{""result"":false,""error"":""" + e.getMessage() + """}", response);
}
return null;
}
- FileUploadInterceptor.rar (4 KB)
- 下载次数: 78
发表评论
-
正则表达式匹配聊天中所有url连接地址-高亮显示
2017-06-07 18:48 1435关键字:正则表达式匹配聊天中所有url连接地址-高亮显示 需 ... -
各大巨头电商提供的IP库API接口-新浪、搜狐、阿里...
2015-04-22 13:18 15907关键字:各大巨头电商提供的IP库API接口-新浪、搜狐、阿里. ... -
treeTable
2015-03-25 00:36 764jqgrid中文官网:http://blog.mn886.ne ... -
我的定时器
2014-01-12 19:24 792关键字:我的定时器 说明:请不要试图下载使用,此附件没有任 ... -
Highcharts漂亮大气的图表(纯JS)
2013-12-14 12:09 5976关键字:Highcharts漂亮大气的图表(纯JS) ... -
智能搜索提示功能
2013-11-23 20:12 1232关键字:智能搜索提示功能 推荐一:http://site518 ... -
jQuery 工具提示插件 PoshyTip
2013-08-03 00:48 36032关键字:jQuery 工具提示插件 PoshyTip 在 ... -
js打开浏览器文件下载框
2013-07-15 13:49 21087关键字:js打开浏览器文件下载框 说明:此方法兼容IE、火 ... -
常有前端验证JS
2013-02-03 15:12 1768关键字:常有前端验证JS 附件是前端界面常用验证工具 ... -
jquery操作iframe中的js函数
2013-01-06 10:39 13036关键字:jquery操作iframe中的js函数 1 ... -
网页特效、各功能大全
2012-12-06 12:34 909关键字:网页特效、各功能大全 http://www.c ... -
js前端MD5加密
2012-08-13 10:30 2552关键字:js前端MD5加密 大家好:附件是js使用md5算 ... -
js操作cookie(增删改查)
2012-08-09 10:50 2046关键字:js操作cookie(增删改查) 附件是js操作c ... -
jQuery监听事件经典例子
2011-10-17 00:27 3085关键字:jQuery监听事件经典例子 js代码: === ... -
jQuery ajax libs
2011-08-31 10:34 854附件是 jQuery ajax 相关jar包。 -
IE中调试JS的一款很好的工具
2011-05-02 18:52 1219附件是 IE中调试JS的一款很好用的工具,欢迎下载使用。 ... -
JS日历控件
2011-03-07 14:09 1359附件是现成的JS日历控件,使用起来相当简单,有例子去看看吧,喜 ... -
页面提示
2011-01-26 13:30 930附件是:页面提示相关例子,请下载使用。。 -
无限极菜单之全自动化配置平台(待优化中..请等待消息)
2011-01-10 21:43 1093关键字:无限极菜单之全自动化配置平台 使用方法: 应用服务器 ... -
皱纹页面
2010-12-15 21:58 877关键字:皱纹页面 附件是皱纹页面代码,感觉比较特殊,拿出啦玩 ...
相关推荐
以上就是使用Ajax和jQuery实现文件上传的基本步骤。在实际应用中,可能还需要考虑文件大小限制、错误处理、进度显示等更多细节。记得在开发过程中保持代码的可维护性和安全性,例如使用HTTPS防止数据被窃取,以及对...
在Web开发中,异步传输(Ajax)技术允许我们...通过这种组合使用Ajax、jQuery和ASHX的方式,我们可以创建一个高效且用户体验良好的文件上传系统,无需离开当前页面即可完成文件上传,从而提高了Web应用的交互性和效率。
在ASP.NET环境中,使用jQuery和Ajax来实现文件上传是一种常见的技术方案,它可以提供无刷新的用户体验,提升网站的交互性。下面将详细讲解这个过程涉及的关键知识点。 首先,我们需要了解jQuery库。jQuery是一个轻...
使用`setTimeout`函数实现文件上传的延时,确保每个文件都有足够的时间完成上传过程。 ```javascript // Ajax上传文件 function TajaxFileUpload() { if (Tnum ) { $("#uploadImgState" + Tnum).html(...
总之,"Ajax+jQuery实现文件图片上传"结合了HTML5的File API、Ajax和jQuery的便利,为用户提供了一种无刷新的、流畅的文件上传体验。通过以上步骤和示例代码,你应该能够理解并实现这样的功能。如果你需要进一步的...
本文实例讲述了jQuery实现文件编码成base64并通过AJAX上传的方法。分享给大家供大家参考,具体如下: 使用AJAX是无法直接上传文件的,一般都是新建个iframe在它里面完成表单提交的过程以达到异步上传文件的效果。 ...
"jQuery+php实现ajax文件即时上传"这个主题涉及了利用jQuery库来构建前端交互,配合PHP后端处理文件上传,以及如何实时反馈上传进度。以下是关于这一主题的详细知识解释: 1. **jQuery**:jQuery是一个广泛使用的...
jquery实现的ajax文件上传功能 $.ajaxFileUpload ( { url:'doajaxfileupload.php', secureuri:false, fileElementId:'fileToUpload', dataType: 'json', success: function (data, ...
本文将深入探讨如何利用jQuery和AJAX实现文件上传,并重点介绍`ajaxfileupload.js`这个jQuery插件。 首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理和Ajax交互等任务。而AJAX(Asynchronous ...
在本文中,我们将深入探讨如何使用PHP和jQuery的Ajax技术实现文件即时上传和预览功能。这个主题主要涉及JavaScript库jQuery、jQuery Form Plugin以及PHP后端处理,这些都是现代Web开发中不可或缺的部分。以下是对每...
随着WEB技术的发展,用户体验成为衡量网站成功与否的关键,今天和大家分享如何在PHP中利用Jquery实现Ajax方式文件上传功能的例子,其中使用到了Jquery插件Ajaxupload,其可以实现单个文件和多文件上传功能。
本教程将详细介绍如何在ASP.NET Web API中结合jQuery的AJAX方法实现文件上传。 首先,我们需要在客户端创建一个HTML表单,用于用户选择要上传的文件。HTML表单通常包含一个`<input type="file">`元素,用户可以通过...
本主题将深入探讨如何使用jQuery与AJAX技术实现文件上传,同时还能传递其他表单参数,以提高用户体验和数据处理的灵活性。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax...
在这个“Jquery AjaxUpload实现文件上传实例 PHP版”中,我们将探讨如何使用jQuery的AjaxUpload插件与PHP后端进行配合,实现实时的文件上传功能。 首先,我们需要在HTML页面中创建一个用于选择文件的input元素和一...
总的来说,"struts2+jquery+ajax文件异步上传"是一个结合了后端处理和前端交互的文件上传解决方案,提供了良好的用户体验和灵活性。通过MyEclipse这样的集成开发环境,开发者可以方便地构建、调试和部署这样的项目。
本示例将深入探讨如何使用jQuery实现AJAX文件上传功能。AJAX(Asynchronous JavaScript and XML)允许我们在不刷新整个页面的情况下与服务器进行异步通信,极大地提升了用户体验。 一、jQuery与Ajax基础 jQuery...
JQuery实现ajax上传文件示例源码 源码描述: url用来指定后台处理的程序,fileElementId指的是文件选择框的ID,dataType用来指定返回的数据格式,支持xml、script、json和html。 返回的json的格式最简单:{error:'...
### JQuery与Ajax结合实现批量图片上传的技术解析 在现代网页开发中,用户界面的互动性和数据处理效率成为了提升用户体验的关键因素。其中,批量上传图片功能是许多应用中不可或缺的一部分,尤其是在社交媒体、电子...
`ajaxfileupload.js`是实现文件上传功能的JavaScript插件,它扩展了jQuery的功能,提供了一个接口来处理文件上传。这个插件通常会监听用户选择文件后触发的事件,然后使用XMLHttpRequest对象通过AJAX方式向服务器...
这里我们将深入探讨如何使用jQuery结合Ajax技术来实现文件上传,并通过JSON进行数据解析。 首先,jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在文件上传的场景中,...