ajax上传
后台处理
import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.util.Streams;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import org.springframework.web.multipart.MultipartResolver;
import org.springframework.web.multipart.commons.CommonsMultipartResolver;
import org.springframework.web.servlet.mvc.multiaction.MultiActionController;
import com.okcoin.util.Logs;
@Controller
@RequestMapping(value="/file/*.do")
public class FileController extends MultiActionController{
public String saveFile(HttpServletRequest request,HttpServletResponse response) throws IOException
{
MultipartResolver resolver = new CommonsMultipartResolver(request.getSession().getServletContext());
MultipartHttpServletRequest multipartRequest = null;
try {
multipartRequest = resolver.resolveMultipart(request);
} catch (Exception e) {
Logs.geterrorLogger().error("AdminAccountController submitVerifyFile 非常的请求");
}
//接收文件
MultipartFile documentFile = multipartRequest.getFile("file");
//获取文件名
String documentFileName=documentFile.getOriginalFilename();
System.out.println("FileName:" + documentFileName);
BufferedInputStream in = new BufferedInputStream(documentFile.getInputStream());
BufferedOutputStream out = new BufferedOutputStream(new FileOutputStream("D:\\Users\\" + documentFileName));
Streams.copy(in, out, true);
System.out.println("copy finished.");
return "";
}
}
前端处理
function UpladFile() {
var fileObj = document.getElementById("file").files[0]; // js 获取文件对象
var FileController = "地址"; // 接收上传文件的后台地址
// FormData 对象
var form = new FormData();
form.append("file", fileObj); // 文件对象
// XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
xhr.open("post", FileController, true);
xhr.onload = function() {
// alert("上传完成!");
};
xhr.send(form);
}
ajax 生成表格下载
//生成csv文件
function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {
var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
var CSV = '';
if (ShowLabel) {
var row = "";
for (var index in arrData[0]) {
row += index + ',';
}
row = row.slice(0, -1);
CSV += row + '\r\n';
}
for (var i = 0; i < arrData.length; i++) {
var row = "";
for (var index in arrData[i]) {
row += '"' + arrData[i][index] + '",';
}
row.slice(0, row.length - 1);
CSV += row + '\r\n';
}
if (CSV == '') {
alert("Invalid data");
return;
}
var blob = new Blob(["\ufeff" + CSV], {type: 'text/csv'});
var fileName = "";
fileName += ReportTitle.replace(/ /g, "_");
var uri = 'data:text/csv;charset=utf-8,\uFEFF' + encodeURI(CSV);
var link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.style = "visibility:hidden";
link.download = fileName + ".csv";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
分享到:
相关推荐
上传文件AJAX上传文件AJAX上传文件AJAX上传文件AJAX上传文件AJAX上传文件AJAX
最初认为用ajax上传文件是件很困难的事,用ajaxfileupload后可以上传任何类型文件,简单好用。
ajax上传下载代码
springmvc 上传下载文件,支持 ajax,form 提交,支持 multiple 方式上传文件
用ajax实现的java文件打包下载。可以输入扩展名选择文件下载。
ps:Ajax技术基本上可以说是由google公司带起来的,但少Gmail中上传文件用的还是 IFrame,所以说使用IFrame来上传文件是最好的选择。 我在这里这里用的技术是jsp,其实asp,php等也是一样可以这么实现的
Ajax上传文件Demo以及Ajax上传文件前的预览效果实现。详情见博客http://blog.csdn.net/u012702547/article/details/77585111
Ajax上传文件.pdf Ajax上传文件.pdf
ajax异步文件上传,servlet处理
[上传下载]Ajax UpLoadFile 多个大文件上传控件 v1.15_ltajaxupfilecontrol.zip源码A[上传下载]Ajax UpLoadFile 多个大文件上传控件 v1.15_ltajaxupfilecontrol.zip源码A[上传下载]Ajax UpLoadFile 多个大文件上传...
PHP 通过ajax 上传文件的方法,非常好用,并局部刷新上传文件信息
SpringMVC+Ajax异步文件上传+短视频背景+a标签绑定文件域
非传统ajax上传,实现更方便,使用更方便,二次修改更方便
asp.net+ajax 实现的多文件上传, 支持文件单独和批量上传,单个和批量移除
这是本人自己做的js+ajax上传文件的代码,点击页面上的图片按钮,选择图片文件,就可直接上传,上传后的文件名称直接保存在隐藏域标签里,方便后台获取。
jquery实现ajax上传文件asp.net版
Ajax 文件上传组件 Ajax 文件上传组件 Ajax 文件上传组件 Ajax 文件上传组件
ajax实现的文件上传,状态显示
Struts jquery AJAX 文件上传
ajax上传文件,异步上传文件,利用js插件,实时显示上传的图片