前言
这里用了2个JS插件,一个是Jquery原生js,我的版本是jquery-1.7.2.min.js,另一个是jquery.form.js。这个form.js 是关键,不可少哦。另外,
我的服务器端用的是Play Framework,版本是2.1。下面是代码部分,贴出的是关键部分:
1.前端代码
html:
<form id="form1" method="POST" action="/image/upload" ENCTYPE="multipart/form-data">
<input id="uploadFile" type="file" name="myfile" />
</from>
Javascript:
$("#uploadFile").change(function(){
var message = "t";
$("#form1").ajaxSubmit({
method : "POST",
success : function(data){
//成功
if(data == "ok"){
alert("上传成功")
}else{
alert("上传失败");
}
},
error : function(){
alert("网络错误,请稍后重新尝试!");
}
});
});
2.服务端代码
public static void upload(File myfile){
String msg = "fail";
try{
//图片写入路径,此处我的位置是项目的根目录
File temp = new File(myfile.getName());
//输入文件流
FileInputStream input = new FileInputStream(myfile);
//输出文件流
FileOutputStream out = new FileOutputStream(temp);
//每次写入的字节的大小
byte [] b = new byte[1024];
//文件长度
int n;
while((n=input.read(b)) != -1){
//写入字节
out.write(b, 0, n);
}
input.close();
out.flush();
out.close();
msg = "ok";
}catch(Exception e){
Logger.error("Image.upload()", e.getMessage());
}
renderJSON(msg);
}
分享到:
相关推荐
codeproject中介绍的使用jquery ajax异步上传文件,demo使用mvc方式
基本上都是官方源码,添加了拷贝功能 里面有两种上传方式 form.php 为传统 表单式 ajaxfileupload.php 为异步加载式
Myeclipse编写的JQuery实现无刷新异步上传下载文件,关于如何部署项目到tomcat服务器请自己查找资料。
struts2+jquery+ajax实现了文件的异步上传,的MyEclipse编写的简单项目
这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加access-control-allow-method,当然这个头标记只有IE10,火狐和谷歌上支持,对于IE10以下的浏览器来说,...
jquery C# 异步上传 jquery C# 异步上传 jquery C# 异步上传
利用jquery,实现界面的无刷新的上传。后台是struts。实例,可直接运行
主要介绍了ajax实现文件异步上传并回显文件相关信息功能,结合实例形式分析了基于jQuery $.ajax方法的文件异步上传以及后台java程序对文件信息的读取与显示相关操作技巧,需要的朋友可以参考下
jQuery 实现文件上传
struts2+ajax+jquery异步批量上传超大文件,单文件最大支持2G,一次文件数量,文件大小都可设置。简单明了。绝对可用,稍微懂点的就可以修改为自己所用。你值得拥有! 我会分享给大家更多更好的东西,希望支持!
下面小编就为大家带来一篇浅谈struts1 & jquery form 文件异步上传。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
表单异步上传,表单中可以支持文件和数据异步上传,
使用AJAX是无法直接上传文件的,一般都是新建个iframe在它里面完成表单提交的过程以达到异步上传文件的效果。 如此做可以达到比较好的浏览器兼容性,不过代码量会比较大,即使是使用了文件上传插件,例如plupload。 ...
主要介绍了基于Jquery插件实现跨域异步上传文件功能的相关资料,需要的朋友可以参考下
基于jquery的文件异步上传工具,只要简单地配置就可以上传文件了,很实用的一个工具
主要介绍了jQuery多文件异步上传带进度条实例代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
ajaxfileupload.js 异步上传文件: 直接引用。 调用方法: $.ajaxFileUpload({ url:'',//后台接口地址 type: post, secureuri: false, //一般设置为false fileElementId: 'ofx', // 上传文件的id、name属性名 ...
异步上传文件,同时显示进度条。。界面的话,在fireFox 下面没有问题
采用jquery.uploadify插件作为前台上传,服务台用c#异步处理