yaohongxing
- 浏览: 56238 次
-
文章分类
- 全部博客 (46)
- java邮件组件 (1)
- java excel上传 (3)
- java 导出excel (1)
- java文件上传 (1)
- java文件上传、下载 (1)
- mytatis插件 (1)
- jquery.validate.min.js 非空验证 (1)
- 常用js工具 (2)
- 编程规范 (1)
- art.dialog页面 (1)
- java常量配置 (1)
- 框架知识 (2)
- web页面前段技术 (3)
- Method方法反射机制 (1)
- 数据库 (5)
- java解析excel数据 (1)
- java 反射 (1)
- spring 注解 (2)
- mybatis (4)
- Eclipse 模板 (1)
- web页面前端技术 (3)
- java 1.8 (1)
- 111111 (0)
- EL (1)
- mysql 分页 (1)
- excel导出 (1)
- 页面通用查询保存方法 (1)
- 自动创建数据库脚本 (1)
- 重复提交后台校验 (1)
- maven (1)
最新评论
//jsp页面代码
<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>文件上传</title>
<%-- <script type="text/javascript" src="${ctx}/pc-rs/novatar.frameimpl/scripts/static/js/lib/jquery-1.9.0.min.js"></script> --%>
<script type="text/javascript" src="${contextPath}/pc-rs/novatar.frameimpl/scripts/static/js/lib/ajaxfileupload.js"></script>
<script type="text/javascript">
var upload = {
filetypelist:"doc|docx|xls|xlsx|pdf",
n:0, // 自增 用于生成 file id
isIE: function() {
var isIE = false;
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1;
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
isIE = true;
}; //判断是否IE浏览器
return isIE;
},
param:null,
openUploadBox:function(param) {
upload.param = param;
$(".modal-back-layer").addClass("modal-show");
$(".modal-upload").addClass("modal-show");
$("#ul_upload").empty();
},
addfile:function() {
//var time = new Date().getTime(); //获取时间戳
if ( upload.isIE() ) {
$("#ul_upload").append("<li><input type=\"checkbox\" id=\"checkbox"+(++upload.n)+"\"/><input type=\"file\" name=\"file\" id=\"file"+
upload.n +"\" /></li>"); /*<span id=\"filename"+upload.n+"\"></span>*/
} else {
$("#upoload-center").append("<input style=\"width:0px;\" type=\"file\" name=\"file\" id=\"file"+
(++upload.n) +"\" onchange=\"upload.showname()\" />");
$("#file" + upload.n).click();
}
},
doupload:function() {
var fileids = new Array();
var extError = false;
$.each($("#ul_upload input[type='checkbox']"), function() {
if (this.checked) {
var index = this.id.substring(8); // 截取 checkbox1 后面的 index
var filename = $("#file" + index).val();
var extname = filename.substring(filename.lastIndexOf(".") + 1);
if(upload.filetypelist.indexOf(extname) == -1 ) {
alert(extname +"类型的文件不能上传!");
extError = true;
upload.close();
}
fileids.push("file" + index);
}
});
if (extError) {
return false;
}
if ( fileids.length == 0 ){
alert("请选择文件!");
return;
}
//alert("fileids ==> " + JSON.stringify(fileids)) ;
var holdbackNo = $("input[name='holdbackNo']").val();
$.ajaxFileUpload({
url : "${contextPath}/service/ajaxfileupload",
secureuri : false,
fileElementId :fileids,//文件上传域的ID
data : {
formFileName : "file",
businessType : upload.param.businessType,
businessId : upload.param.businessId
},
dataType : 'text/html', //返回值类型 一般设置为json
success : function(data) {
var result = JSON.parse(data);
if (result.status == 1) {
alert("上传成功!");
upload.popresult({result:"success"});
} else {
alert("上传失败!");
upload.popresult({result:"fail"});
}
upload.close();
//alert("data success:" + JSON.stringify(eval( "("+data+")"));
},
error : function(data) {
alert("上传失败:" + JSON.stringify(data));
}
});
},
close : function() {
$(".modal-back-layer").removeClass("modal-show");
$(".modal-upload").removeClass("modal-show");
},
showname: function () {
if (upload.isIE()) {
var filename = $("#file" + upload.n ).val();
filename = filename.substr(filename.lastIndexOf("\\") + 1);
$("#filename" + upload.n ).html(filename);
} else {
$("#ul_upload").append("<li><input type=\"checkbox\" id=\"checkbox"+upload.n+"\"/><span id=\"filename"+upload.n+"\"></span></li>");
var filename = $("#file" + upload.n ).val() ;
filename = filename.substr(filename.lastIndexOf("\\") + 1);
$("#filename" + upload.n ).html(filename);
}
},
showfiles:function(param) {
$(".modal-back-layer").addClass("modal-show");
$(".modal-upload-files").addClass("modal-show");
var params = "needcontrolprocess:"+"attachmentUploadService.queryAttachmentUploadByBusiness|";
params += "businessType:" + param.businessType + "|";
params += "businessId:" + param.businessId + "|";
params += "effective:" + 1; //只取有效的
var url = "${contextPath}/service/pageReq?random=" + Math.random();
$.ajax({
url: url,
type : 'post',
dataType : "json",
data: {
needcontrolprocess : "attachmentUploadService.queryAttachmentUploadByBusiness",
content : params
},
success: function (result) {
var attachmentList = result.expData.attachmentList;
$.each(attachmentList , function() {
var att_id = this.id;
$("#ul_upload_files").append("<li><a href=\"${contextPath}/service/filedownload?relativeUrl="+this.relativeUrl+"&origName="+this.origName+"\">"+ this.origName+"</a> <input type=\"button\" onclick=\"upload.filedel( this,'"+ att_id +"');\" value=\"X\" /></li>");/*<input type=\"button\" onclick=\"upload.filedel(\""+ this.id+"\")\">*/
});
}
});
},
filesclose : function() {
$("#ul_upload_files").empty();
$(".modal-back-layer").removeClass("modal-show");
$(".modal-upload-files").removeClass("modal-show");
},
popresult : function ( data ) {},
allchoose : function (check){
$.each($("#ul_upload input[type='checkbox']"), function() {
this.checked = check;
});
},
filedel : function( btn , id ) {
var params = "needcontrolprocess:"+"attachmentUploadService.updateByPrimaryKeySelective|";
params += "id:" + id; //只取有效的
var url = "${contextPath}/service/pageReq?random=" + Math.random();
$.ajax({
url: url,
type : 'post',
dataType : "json",
data: {
needcontrolprocess : "attachmentUploadService.updateByPrimaryKeySelective",
content : params
},
success: function (result) {
//var updateStatus = result.expData.updateStatus;
$(btn).parent().remove();
//alert("删除成功!");
}
});
}
};
$(function(){
var businessid = $("#businessid").val();
if ( businessid != null && businessid != "") {
$(".modal-back-layer").addClass("modal-show");
$(".modal-upload-files").addClass("modal-show");
}
});
</script>
<style type="text/css">
input[type="file"]::-webkit-file-upload-button {
display: none;
width: 0px;
}
.modal-back-layer {
position: fixed;
top: 0px;
left: 0px;
opacity: 0.4;
background-color: #fff;
visibility: hidden;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.modal-upload, .modal-upload-files {
position: fixed;
top: 30%;
left: 30%;
width: 40%;
height: 40%;
border: 1px solid #999;
background-color: #aaa;
visibility: hidden;
}
.modal-show {
visibility: visible;
}
.upoload-title {
height: 30px;
width: 100%;
padding-top: 5px;
margin: 0 auto;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
background: #595F71;
color: #FFF;
border-radius: 2px;
}
.upoload-center {
height: 82%;
width: 100%;
font-size: 14px;
overflow: auto;
/* opacity: 0.9;
*/}
.upoload-center-files {
height: 82%;
width: 100%;
font-size: 14px;
overflow: auto;
}
.upoload-footer {
height: 30px;
width: 100%;
padding-top: 5px;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
background: #595F71;
color: #FFF;
border-radius: 2px;
float:right;
/* padding-left: 340px; */
}
.upoload-footer-files {
height: 30px;
width: 100%;
padding-top: 5px;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
background: #595F71;
color: #FFF;
border-radius: 2px;
float:right;
font-size: 14px;
}
.upoload-footer-files input {
float:right;
}
.modal-upload-inner {
margin: 0px;
height: 100%;
width: 100%;
background-color: #fff;
}
.modal-upload-inner-files {
margin: 0px;
height: 100%;
width: 100%;
background-color: #fff;
}
.upload-button {
font-size: 14px;
background-color: #aaa;
margin-left: 110px;
margin-top: 4px;
}
.choose-button {
width: 80px;
font-size: 14px;
margin-left: 20px;
margin-top: 4px;
}
.cancel-button {
font-size: 14px;
margin-left: 20px;
margin-top: 4px;
}
.ul_upload {
margin-top: 10px;
}
.ul_upload li {
height: 36px;
margin-left: 10px;
}
.all-chk {
margin-left: 10px;
}
.table-fn {
height: 30px;
line-height: 30px;
vertical-align: middle;
background: #595F71;
color: #FFF;
padding: 0 20px;
border-radius: 2px;
}
</style>
</head>
<body>
<input type="hidden" name="businessid" id="businessid" value="${ businessid }">
<div class="modal-back-layer"></div>
<div class="modal-upload" id="modal-upload">
<div class="modal-upload-inner">
<div class="upoload-title">
<center>
文件上传
</center>
</div>
<div class="upoload-center" id="upoload-center">
<ul id="ul_upload" class="ul_upload"></ul>
</div>
<div class="upoload-footer">
<input type="checkbox" value="全选" class="all-chk" onclick="upload.allchoose(this.checked);">全选 <!-- class="btn_gray m-r15" -->
<input type="button" value="请选择文件" class="choose-button btn_gray m-r15" onclick="upload.addfile();"> <!-- class="choose-button btn_gray m-r15" -->
<input type="button" value="上传" class="upload-button btn_gray m-r15" onclick="upload.doupload();"> <!-- class="upload-button btn_gray m-r15" -->
<input type="button" value="取消" class="cancel-button btn_gray m-r15" onclick="upload.close();"> <!-- class="cancel-button btn_gray m-r15" -->
</div>
</div>
</div>
<div class="modal-upload-files" id="modal-files">
<div class="modal-upload-inner-files">
<div class="upoload-title">
<center>
文件详情
</center>
</div>
<div class="upoload-center-files">
<ul id="ul_upload_files" class="ul_upload"></ul>
</div>
<div class="upoload-footer-files">
<input type="button" class="cancel-button btn_gray m-r15" value="关闭" onclick="upload.filesclose()">
</div>
</div>
</div>
</body>
</html>
//////////////js代码//////////////////////////
jQuery
.extend({
createUploadIframe : function(id, uri) {
// create frame
var frameId = 'jUploadFrame' + id;
if (window.ActiveXObject) {
var io = document.createElement('<iframe id="' + frameId
+ '" name="' + frameId + '" />');
if (typeof uri == 'boolean') {
io.src = 'javascript:false';
} else if (typeof uri == 'string') {
io.src = uri;
}
} else {
var io = document.createElement('iframe');
io.id = frameId;
io.name = frameId;
}
io.style.position = 'absolute';
io.style.top = '-1000px';
io.style.left = '-1000px';
document.body.appendChild(io);
return io
},
createUploadForm : function(id, fileElementId ) {
// create form
var formId = 'jUploadForm' + id;
var fileId = 'jUploadFile' + id;
var form = $('<form action="" method="POST" name="' + formId
+ '" id="' + formId
+ '" enctype="multipart/form-data"></form>');
if(typeof(fileElementId) == 'string'){
fileElementId = [fileElementId];
}
for(var i in fileElementId){
var oldElement = jQuery('#' + fileElementId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
}
/* if ( fileElementId instanceof Array ) {
for(var i in fileElementId){
var oldElement = jQuery('#' + fileElementId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
}
} else {
var oldElement = $('#' + fileElementId);
var newElement = $(oldElement).clone();
$(oldElement).attr('id', fileId);
$(oldElement).before(newElement);
$(oldElement).appendTo(form);
}*/
// set attributes
$(form).css('position', 'absolute');
$(form).css('top', '-1200px');
$(form).css('left', '-1200px');
$(form).appendTo('body');
return form;
},
addOtherRequestsToForm : function(form, data) {
// add extra parameter
var originalElement = $('<input type="hidden" name="" value="">');
for ( var key in data) {
name = key;
value = data[key];
var cloneElement = originalElement.clone();
cloneElement.attr({
'name' : name,
'value' : value
});
$(cloneElement).appendTo(form);
}
return form;
},
ajaxFileUpload : function(s) {
// TODO introduce global settings, allowing the client to modify
// them for all requests, not only timeout
s = jQuery.extend({}, jQuery.ajaxSettings, s);
var id = new Date().getTime()
var form = jQuery.createUploadForm(id, s.fileElementId);
if (s.data)
form = jQuery.addOtherRequestsToForm(form, s.data);
var io = jQuery.createUploadIframe(id, s.secureuri);
var frameId = 'jUploadFrame' + id;
var formId = 'jUploadForm' + id;
// Watch for a new set of requests
if (s.global && !jQuery.active++) {
jQuery.event.trigger("ajaxStart");
}
var requestDone = false;
// Create the request object
var xml = {}
if (s.global)
jQuery.event.trigger("ajaxSend", [ xml, s ]);
// Wait for a response to come back
var uploadCallback = function(isTimeout) {
var io = document.getElementById(frameId);
try {
if (io.contentWindow) {
xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML
: null;
xml.responseXML = io.contentWindow.document.XMLDocument ? io.contentWindow.document.XMLDocument
: io.contentWindow.document;
} else if (io.contentDocument) {
xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML
: null;
xml.responseXML = io.contentDocument.document.XMLDocument ? io.contentDocument.document.XMLDocument
: io.contentDocument.document;
}
} catch (e) {
jQuery.handleError(s, xml, null, e);
}
if (xml || isTimeout == "timeout") {
requestDone = true;
var status;
try {
status = isTimeout != "timeout" ? "success"
: "error";
// Make sure that the request was successful or
// notmodified
if (status != "error") {
// process the data (runs the xml through
// httpData regardless of callback)
var data = jQuery.uploadHttpData(xml,
s.dataType);
// If a local callback was specified, fire it
// and pass it the data
if (s.success)
s.success(data, status);
// Fire the global callback
if (s.global)
jQuery.event.trigger("ajaxSuccess", [ xml,
s ]);
} else
jQuery.handleError(s, xml, status);
} catch (e) {
status = "error";
jQuery.handleError(s, xml, status, e);
}
// The request was completed
if (s.global)
jQuery.event.trigger("ajaxComplete", [ xml, s ]);
// Handle the global AJAX counter
if (s.global && !--jQuery.active)
jQuery.event.trigger("ajaxStop");
// Process result
if (s.complete)
s.complete(xml, status);
jQuery(io).unbind()
setTimeout(function() {
try {
$(io).remove();
$(form).remove();
} catch (e) {
jQuery.handleError(s, xml, null, e);
}
}, 100)
xml = null
}
}
// Timeout checker
if (s.timeout > 0) {
setTimeout(function() {
// Check to see if the request is still happening
if (!requestDone)
uploadCallback("timeout");
}, s.timeout);
}
try {
// var io = $('#' + frameId);
var form = $('#' + formId);
$(form).attr('action', s.url);
$(form).attr('method', 'POST');
$(form).attr('target', frameId);
if (form.encoding) {
form.encoding = 'multipart/form-data';
} else {
form.enctype = 'multipart/form-data';
}
$(form).submit();
} catch (e) {
jQuery.handleError(s, xml, null, e);
}
if (window.attachEvent) {
document.getElementById(frameId).attachEvent('onload',
uploadCallback);
} else {
document.getElementById(frameId).addEventListener('load',
uploadCallback, false);
}
return {
abort : function() {
}
};
},
handleError : function(s, xhr, status, e) {
// If a local callback was specified, fire it
if (s.error) {
s.error.call(s.context || s, xhr, status, e);
}
// Fire the global callback
if (s.global) {
(s.context ? jQuery(s.context) : jQuery.event).trigger(
"ajaxError", [ xhr, s, e ]);
}
},
uploadHttpData : function(r, type) {
var data = !type;
data = type == "xml" || data ? r.responseXML : r.responseText;
// If the type is "script", eval it in global context
if (type == "script")
jQuery.globalEval(data);
// Get the JavaScript object, if JSON is used.
if (type == "json")
eval("data = " + data);
// evaluate scripts within html
if (type == "html")
jQuery("<div>").html(data).evalScripts();
//alert($('param', data).each(function(){alert($(this).attr('value'));}));
return data;
}
})
/**
* 文件上传
* @param request
* @param response
* @throws IOException
*/
@RequestMapping("/ajaxfileupload")
public void ajaxfileupload(HttpServletRequest request, HttpServletResponse response)
throws IOException {
response.setContentType("text/html;charset=utf-8");
String createId = UserUtil.getCurrentUser()==null?"":UserUtil.getCurrentUser().getCreateId();
String uploadBasePath = (String)request.getServletContext().getAttribute("upload.basePath");
logger.info("uploadBasePath : " + uploadBasePath);
Map<String,Object> responseMap = new HashMap<String, Object>(2);
PrintWriter out = response.getWriter();
// request 对象 转化为 MultiPartRequestWrapper类型
MultiPartRequestWrapper req = (MultiPartRequestWrapper)request;
String formFileName = request.getParameter("formFileName");
String businessType = request.getParameter("businessType");
String businessId = request.getParameter("businessId");
String dirpath = uploadBasePath + File.separator + businessType;
if ( !new File(dirpath).exists() ) {
new File(dirpath).mkdir();
}
File[] files = req.getFiles(formFileName);
FileInputStream fis = null ;
FileOutputStream fos = null;
if ( files.length <= 0 ) { // 判断文件是否存在
responseMap.put("status", Constants.FAIL);
responseMap.put("reason", "找不到文件!");
} else {
logger.info("上传文件数量" + files.length );
try {
for ( int i = 0 ; i < files.length ; i ++) {
String origName = req.getFileNames(formFileName)[i];
//String fileName = System.currentTimeMillis() + "_" + origName;
String fileName = UUID.randomUUID() + origName.substring(origName.lastIndexOf(".")) ;
fis = new FileInputStream(files[i]);
fos = new FileOutputStream(
new File(uploadBasePath + File.separator + businessType + File.separator + fileName));
byte[] bytes = new byte[1024];
int n = 0 ;
while( ( n = fis.read(bytes)) > 0){
fos.write(bytes,0,n);
}
logger.info("生成文件: " + uploadBasePath + File.separator + businessType + File.separator + fileName);
responseMap.put("status", Constants.SUCCESS);
responseMap.put("filename",fileName);
AttachmentUpload att= new AttachmentUpload();
att.setId(UUIDGenerator.getUUID());
att.setEffective(Constants.ATTA_EFFECTIVE_YES_STR);
att.setBusinessId(businessId);
att.setBusinessType(businessType);
att.setFileName(fileName);
att.setOrigName(origName);
att.setRelativeUrl(businessType + File.separator + fileName);
att.setUploadTime(new Date());
att.setUploadBy(createId);
attachmentDao.insertSelective(att);
logger.info("附件信息保存成功:" + " businessId : " + businessId + ",businessType : " + businessType);
}
} catch (Exception e) {
logger.info("文件传送失败: " + e.getMessage()) ;
responseMap.put("status", Constants.FAIL);
responseMap.put("reason", "文件传送失败!");
e.printStackTrace();
throw e ;
} finally {
fis.close();
fos.close();
}
}
logger.info("文件传送成功!");
out.println(JSON.toJSONString(responseMap));
}
/**
* 文件下载
* @param request
* @param response
* @throws IOException
*/
@RequestMapping("/filedownload")
public void filedownload(HttpServletRequest request,
HttpServletResponse response) throws IOException {
OutputStream out = null;
InputStream in = null;
String relativeUrl = null;
String origName = null;
try {
response.reset();
// 获取相对路径
relativeUrl = request.getParameter("relativeUrl");
origName = request.getParameter("origName");
logger.info("文件下载开始 ： " + relativeUrl);
// 获取根目录
String uploadBasePath = (String) request.getServletContext()
.getAttribute("upload.basePath");
logger.info("uploadBasePath ： " + uploadBasePath);
// 获得请求文件名
//String filename = relativeUrl.substring(relativeUrl
// .lastIndexOf("\\") + 1);
//logger.info("filename ： " + filename);
// 设置文件MIME类型
// 设置Content-Disposition
response.setHeader("Content-Disposition", "attachment;filename="
+ origName);
// 读取目标文件，通过response将目标文件写到客户端
// 获取目标文件的绝对路径
String fullFileName = uploadBasePath + File.separator + relativeUrl;
response.setContentType(Files.probeContentType(Paths
.get(fullFileName)));
response.addHeader("Content-Length", "" + new File(fullFileName).length());
logger.info("文件名称 :" + fullFileName);
// System.out.println(fullFileName);
// 读取文件
out = response.getOutputStream();
in = new FileInputStream(fullFileName);
// 写文件
byte[] buffer = new byte[in.available()];
in.read(buffer);
out.write(buffer);
out.flush();
out.close();
// int b = 0;
// while ((b = in.read(buffer)) > 0) {
// out.write(buffer, 0, b);
// }
} catch (Exception e) {
e.printStackTrace();
logger.info("文件下载失败 ！" + e.getMessage());
throw e;
} finally {
in.close();
}
logger.info("文件下载结束: " + relativeUrl);
}
//附件实体类-------------------------------------------------------
package com.sf.novatar.plf.bean;
import java.io.Serializable;
import java.util.Date;
public class AttachmentUpload implements Serializable {
private String id;
private String relativeUrl;
private String fileName;
private String uploadBy;
private Date uploadTime;
private String updateBy;
private Date updateTime;
private String description;
private String effective; // 1 有效 0 无效
private String businessType;
private String businessId;
private String remark;
private String origName;
private static final long serialVersionUID = 1L;
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getRelativeUrl() {
return relativeUrl;
}
public void setRelativeUrl(String relativeUrl) {
this.relativeUrl = relativeUrl == null ? null : relativeUrl.trim();
}
public String getFileName() {
return fileName;
}
public void setFileName(String fileName) {
this.fileName = fileName == null ? null : fileName.trim();
}
public Date getUploadTime() {
return uploadTime;
}
public void setUploadTime(Date uploadTime) {
this.uploadTime = uploadTime;
}
public Date getUpdateTime() {
return updateTime;
}
public void setUpdateTime(Date updateTime) {
this.updateTime = updateTime;
}
public String getDescription() {
return description;
}
public void setDescription(String description) {
this.description = description == null ? null : description.trim();
}
public String getEffective() {
return effective;
}
public void setEffective(String effective) {
this.effective = effective == null ? null : effective.trim();
}
public String getBusinessType() {
return businessType;
}
public void setBusinessType(String businessType) {
this.businessType = businessType;
}
public String getBusinessId() {
return businessId;
}
public void setBusinessId(String businessId) {
this.businessId = businessId;
}
public String getRemark() {
return remark;
}
public void setRemark(String remark) {
this.remark = remark == null ? null : remark.trim();
}
public String getOrigName() {
return origName;
}
public void setOrigName(String origName) {
this.origName = origName == null ? null : origName.trim();
}
public String getUploadBy() {
return uploadBy;
}
public void setUploadBy(String uploadBy) {
this.uploadBy = uploadBy;
}
public String getUpdateBy() {
return updateBy;
}
public void setUpdateBy(String updateBy) {
this.updateBy = updateBy;
}
}
<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>文件上传</title>
<%-- <script type="text/javascript" src="${ctx}/pc-rs/novatar.frameimpl/scripts/static/js/lib/jquery-1.9.0.min.js"></script> --%>
<script type="text/javascript" src="${contextPath}/pc-rs/novatar.frameimpl/scripts/static/js/lib/ajaxfileupload.js"></script>
<script type="text/javascript">
var upload = {
filetypelist:"doc|docx|xls|xlsx|pdf",
n:0, // 自增 用于生成 file id
isIE: function() {
var isIE = false;
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1;
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
isIE = true;
}; //判断是否IE浏览器
return isIE;
},
param:null,
openUploadBox:function(param) {
upload.param = param;
$(".modal-back-layer").addClass("modal-show");
$(".modal-upload").addClass("modal-show");
$("#ul_upload").empty();
},
addfile:function() {
//var time = new Date().getTime(); //获取时间戳
if ( upload.isIE() ) {
$("#ul_upload").append("<li><input type=\"checkbox\" id=\"checkbox"+(++upload.n)+"\"/><input type=\"file\" name=\"file\" id=\"file"+
upload.n +"\" /></li>"); /*<span id=\"filename"+upload.n+"\"></span>*/
} else {
$("#upoload-center").append("<input style=\"width:0px;\" type=\"file\" name=\"file\" id=\"file"+
(++upload.n) +"\" onchange=\"upload.showname()\" />");
$("#file" + upload.n).click();
}
},
doupload:function() {
var fileids = new Array();
var extError = false;
$.each($("#ul_upload input[type='checkbox']"), function() {
if (this.checked) {
var index = this.id.substring(8); // 截取 checkbox1 后面的 index
var filename = $("#file" + index).val();
var extname = filename.substring(filename.lastIndexOf(".") + 1);
if(upload.filetypelist.indexOf(extname) == -1 ) {
alert(extname +"类型的文件不能上传!");
extError = true;
upload.close();
}
fileids.push("file" + index);
}
});
if (extError) {
return false;
}
if ( fileids.length == 0 ){
alert("请选择文件!");
return;
}
//alert("fileids ==> " + JSON.stringify(fileids)) ;
var holdbackNo = $("input[name='holdbackNo']").val();
$.ajaxFileUpload({
url : "${contextPath}/service/ajaxfileupload",
secureuri : false,
fileElementId :fileids,//文件上传域的ID
data : {
formFileName : "file",
businessType : upload.param.businessType,
businessId : upload.param.businessId
},
dataType : 'text/html', //返回值类型 一般设置为json
success : function(data) {
var result = JSON.parse(data);
if (result.status == 1) {
alert("上传成功!");
upload.popresult({result:"success"});
} else {
alert("上传失败!");
upload.popresult({result:"fail"});
}
upload.close();
//alert("data success:" + JSON.stringify(eval( "("+data+")"));
},
error : function(data) {
alert("上传失败:" + JSON.stringify(data));
}
});
},
close : function() {
$(".modal-back-layer").removeClass("modal-show");
$(".modal-upload").removeClass("modal-show");
},
showname: function () {
if (upload.isIE()) {
var filename = $("#file" + upload.n ).val();
filename = filename.substr(filename.lastIndexOf("\\") + 1);
$("#filename" + upload.n ).html(filename);
} else {
$("#ul_upload").append("<li><input type=\"checkbox\" id=\"checkbox"+upload.n+"\"/><span id=\"filename"+upload.n+"\"></span></li>");
var filename = $("#file" + upload.n ).val() ;
filename = filename.substr(filename.lastIndexOf("\\") + 1);
$("#filename" + upload.n ).html(filename);
}
},
showfiles:function(param) {
$(".modal-back-layer").addClass("modal-show");
$(".modal-upload-files").addClass("modal-show");
var params = "needcontrolprocess:"+"attachmentUploadService.queryAttachmentUploadByBusiness|";
params += "businessType:" + param.businessType + "|";
params += "businessId:" + param.businessId + "|";
params += "effective:" + 1; //只取有效的
var url = "${contextPath}/service/pageReq?random=" + Math.random();
$.ajax({
url: url,
type : 'post',
dataType : "json",
data: {
needcontrolprocess : "attachmentUploadService.queryAttachmentUploadByBusiness",
content : params
},
success: function (result) {
var attachmentList = result.expData.attachmentList;
$.each(attachmentList , function() {
var att_id = this.id;
$("#ul_upload_files").append("<li><a href=\"${contextPath}/service/filedownload?relativeUrl="+this.relativeUrl+"&origName="+this.origName+"\">"+ this.origName+"</a> <input type=\"button\" onclick=\"upload.filedel( this,'"+ att_id +"');\" value=\"X\" /></li>");/*<input type=\"button\" onclick=\"upload.filedel(\""+ this.id+"\")\">*/
});
}
});
},
filesclose : function() {
$("#ul_upload_files").empty();
$(".modal-back-layer").removeClass("modal-show");
$(".modal-upload-files").removeClass("modal-show");
},
popresult : function ( data ) {},
allchoose : function (check){
$.each($("#ul_upload input[type='checkbox']"), function() {
this.checked = check;
});
},
filedel : function( btn , id ) {
var params = "needcontrolprocess:"+"attachmentUploadService.updateByPrimaryKeySelective|";
params += "id:" + id; //只取有效的
var url = "${contextPath}/service/pageReq?random=" + Math.random();
$.ajax({
url: url,
type : 'post',
dataType : "json",
data: {
needcontrolprocess : "attachmentUploadService.updateByPrimaryKeySelective",
content : params
},
success: function (result) {
//var updateStatus = result.expData.updateStatus;
$(btn).parent().remove();
//alert("删除成功!");
}
});
}
};
$(function(){
var businessid = $("#businessid").val();
if ( businessid != null && businessid != "") {
$(".modal-back-layer").addClass("modal-show");
$(".modal-upload-files").addClass("modal-show");
}
});
</script>
<style type="text/css">
input[type="file"]::-webkit-file-upload-button {
display: none;
width: 0px;
}
.modal-back-layer {
position: fixed;
top: 0px;
left: 0px;
opacity: 0.4;
background-color: #fff;
visibility: hidden;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.modal-upload, .modal-upload-files {
position: fixed;
top: 30%;
left: 30%;
width: 40%;
height: 40%;
border: 1px solid #999;
background-color: #aaa;
visibility: hidden;
}
.modal-show {
visibility: visible;
}
.upoload-title {
height: 30px;
width: 100%;
padding-top: 5px;
margin: 0 auto;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
background: #595F71;
color: #FFF;
border-radius: 2px;
}
.upoload-center {
height: 82%;
width: 100%;
font-size: 14px;
overflow: auto;
/* opacity: 0.9;
*/}
.upoload-center-files {
height: 82%;
width: 100%;
font-size: 14px;
overflow: auto;
}
.upoload-footer {
height: 30px;
width: 100%;
padding-top: 5px;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
background: #595F71;
color: #FFF;
border-radius: 2px;
float:right;
/* padding-left: 340px; */
}
.upoload-footer-files {
height: 30px;
width: 100%;
padding-top: 5px;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
background: #595F71;
color: #FFF;
border-radius: 2px;
float:right;
font-size: 14px;
}
.upoload-footer-files input {
float:right;
}
.modal-upload-inner {
margin: 0px;
height: 100%;
width: 100%;
background-color: #fff;
}
.modal-upload-inner-files {
margin: 0px;
height: 100%;
width: 100%;
background-color: #fff;
}
.upload-button {
font-size: 14px;
background-color: #aaa;
margin-left: 110px;
margin-top: 4px;
}
.choose-button {
width: 80px;
font-size: 14px;
margin-left: 20px;
margin-top: 4px;
}
.cancel-button {
font-size: 14px;
margin-left: 20px;
margin-top: 4px;
}
.ul_upload {
margin-top: 10px;
}
.ul_upload li {
height: 36px;
margin-left: 10px;
}
.all-chk {
margin-left: 10px;
}
.table-fn {
height: 30px;
line-height: 30px;
vertical-align: middle;
background: #595F71;
color: #FFF;
padding: 0 20px;
border-radius: 2px;
}
</style>
</head>
<body>
<input type="hidden" name="businessid" id="businessid" value="${ businessid }">
<div class="modal-back-layer"></div>
<div class="modal-upload" id="modal-upload">
<div class="modal-upload-inner">
<div class="upoload-title">
<center>
文件上传
</center>
</div>
<div class="upoload-center" id="upoload-center">
<ul id="ul_upload" class="ul_upload"></ul>
</div>
<div class="upoload-footer">
<input type="checkbox" value="全选" class="all-chk" onclick="upload.allchoose(this.checked);">全选 <!-- class="btn_gray m-r15" -->
<input type="button" value="请选择文件" class="choose-button btn_gray m-r15" onclick="upload.addfile();"> <!-- class="choose-button btn_gray m-r15" -->
<input type="button" value="上传" class="upload-button btn_gray m-r15" onclick="upload.doupload();"> <!-- class="upload-button btn_gray m-r15" -->
<input type="button" value="取消" class="cancel-button btn_gray m-r15" onclick="upload.close();"> <!-- class="cancel-button btn_gray m-r15" -->
</div>
</div>
</div>
<div class="modal-upload-files" id="modal-files">
<div class="modal-upload-inner-files">
<div class="upoload-title">
<center>
文件详情
</center>
</div>
<div class="upoload-center-files">
<ul id="ul_upload_files" class="ul_upload"></ul>
</div>
<div class="upoload-footer-files">
<input type="button" class="cancel-button btn_gray m-r15" value="关闭" onclick="upload.filesclose()">
</div>
</div>
</div>
</body>
</html>
//////////////js代码//////////////////////////
jQuery
.extend({
createUploadIframe : function(id, uri) {
// create frame
var frameId = 'jUploadFrame' + id;
if (window.ActiveXObject) {
var io = document.createElement('<iframe id="' + frameId
+ '" name="' + frameId + '" />');
if (typeof uri == 'boolean') {
io.src = 'javascript:false';
} else if (typeof uri == 'string') {
io.src = uri;
}
} else {
var io = document.createElement('iframe');
io.id = frameId;
io.name = frameId;
}
io.style.position = 'absolute';
io.style.top = '-1000px';
io.style.left = '-1000px';
document.body.appendChild(io);
return io
},
createUploadForm : function(id, fileElementId ) {
// create form
var formId = 'jUploadForm' + id;
var fileId = 'jUploadFile' + id;
var form = $('<form action="" method="POST" name="' + formId
+ '" id="' + formId
+ '" enctype="multipart/form-data"></form>');
if(typeof(fileElementId) == 'string'){
fileElementId = [fileElementId];
}
for(var i in fileElementId){
var oldElement = jQuery('#' + fileElementId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
}
/* if ( fileElementId instanceof Array ) {
for(var i in fileElementId){
var oldElement = jQuery('#' + fileElementId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
}
} else {
var oldElement = $('#' + fileElementId);
var newElement = $(oldElement).clone();
$(oldElement).attr('id', fileId);
$(oldElement).before(newElement);
$(oldElement).appendTo(form);
}*/
// set attributes
$(form).css('position', 'absolute');
$(form).css('top', '-1200px');
$(form).css('left', '-1200px');
$(form).appendTo('body');
return form;
},
addOtherRequestsToForm : function(form, data) {
// add extra parameter
var originalElement = $('<input type="hidden" name="" value="">');
for ( var key in data) {
name = key;
value = data[key];
var cloneElement = originalElement.clone();
cloneElement.attr({
'name' : name,
'value' : value
});
$(cloneElement).appendTo(form);
}
return form;
},
ajaxFileUpload : function(s) {
// TODO introduce global settings, allowing the client to modify
// them for all requests, not only timeout
s = jQuery.extend({}, jQuery.ajaxSettings, s);
var id = new Date().getTime()
var form = jQuery.createUploadForm(id, s.fileElementId);
if (s.data)
form = jQuery.addOtherRequestsToForm(form, s.data);
var io = jQuery.createUploadIframe(id, s.secureuri);
var frameId = 'jUploadFrame' + id;
var formId = 'jUploadForm' + id;
// Watch for a new set of requests
if (s.global && !jQuery.active++) {
jQuery.event.trigger("ajaxStart");
}
var requestDone = false;
// Create the request object
var xml = {}
if (s.global)
jQuery.event.trigger("ajaxSend", [ xml, s ]);
// Wait for a response to come back
var uploadCallback = function(isTimeout) {
var io = document.getElementById(frameId);
try {
if (io.contentWindow) {
xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML
: null;
xml.responseXML = io.contentWindow.document.XMLDocument ? io.contentWindow.document.XMLDocument
: io.contentWindow.document;
} else if (io.contentDocument) {
xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML
: null;
xml.responseXML = io.contentDocument.document.XMLDocument ? io.contentDocument.document.XMLDocument
: io.contentDocument.document;
}
} catch (e) {
jQuery.handleError(s, xml, null, e);
}
if (xml || isTimeout == "timeout") {
requestDone = true;
var status;
try {
status = isTimeout != "timeout" ? "success"
: "error";
// Make sure that the request was successful or
// notmodified
if (status != "error") {
// process the data (runs the xml through
// httpData regardless of callback)
var data = jQuery.uploadHttpData(xml,
s.dataType);
// If a local callback was specified, fire it
// and pass it the data
if (s.success)
s.success(data, status);
// Fire the global callback
if (s.global)
jQuery.event.trigger("ajaxSuccess", [ xml,
s ]);
} else
jQuery.handleError(s, xml, status);
} catch (e) {
status = "error";
jQuery.handleError(s, xml, status, e);
}
// The request was completed
if (s.global)
jQuery.event.trigger("ajaxComplete", [ xml, s ]);
// Handle the global AJAX counter
if (s.global && !--jQuery.active)
jQuery.event.trigger("ajaxStop");
// Process result
if (s.complete)
s.complete(xml, status);
jQuery(io).unbind()
setTimeout(function() {
try {
$(io).remove();
$(form).remove();
} catch (e) {
jQuery.handleError(s, xml, null, e);
}
}, 100)
xml = null
}
}
// Timeout checker
if (s.timeout > 0) {
setTimeout(function() {
// Check to see if the request is still happening
if (!requestDone)
uploadCallback("timeout");
}, s.timeout);
}
try {
// var io = $('#' + frameId);
var form = $('#' + formId);
$(form).attr('action', s.url);
$(form).attr('method', 'POST');
$(form).attr('target', frameId);
if (form.encoding) {
form.encoding = 'multipart/form-data';
} else {
form.enctype = 'multipart/form-data';
}
$(form).submit();
} catch (e) {
jQuery.handleError(s, xml, null, e);
}
if (window.attachEvent) {
document.getElementById(frameId).attachEvent('onload',
uploadCallback);
} else {
document.getElementById(frameId).addEventListener('load',
uploadCallback, false);
}
return {
abort : function() {
}
};
},
handleError : function(s, xhr, status, e) {
// If a local callback was specified, fire it
if (s.error) {
s.error.call(s.context || s, xhr, status, e);
}
// Fire the global callback
if (s.global) {
(s.context ? jQuery(s.context) : jQuery.event).trigger(
"ajaxError", [ xhr, s, e ]);
}
},
uploadHttpData : function(r, type) {
var data = !type;
data = type == "xml" || data ? r.responseXML : r.responseText;
// If the type is "script", eval it in global context
if (type == "script")
jQuery.globalEval(data);
// Get the JavaScript object, if JSON is used.
if (type == "json")
eval("data = " + data);
// evaluate scripts within html
if (type == "html")
jQuery("<div>").html(data).evalScripts();
//alert($('param', data).each(function(){alert($(this).attr('value'));}));
return data;
}
})
/**
* 文件上传
* @param request
* @param response
* @throws IOException
*/
@RequestMapping("/ajaxfileupload")
public void ajaxfileupload(HttpServletRequest request, HttpServletResponse response)
throws IOException {
response.setContentType("text/html;charset=utf-8");
String createId = UserUtil.getCurrentUser()==null?"":UserUtil.getCurrentUser().getCreateId();
String uploadBasePath = (String)request.getServletContext().getAttribute("upload.basePath");
logger.info("uploadBasePath : " + uploadBasePath);
Map<String,Object> responseMap = new HashMap<String, Object>(2);
PrintWriter out = response.getWriter();
// request 对象 转化为 MultiPartRequestWrapper类型
MultiPartRequestWrapper req = (MultiPartRequestWrapper)request;
String formFileName = request.getParameter("formFileName");
String businessType = request.getParameter("businessType");
String businessId = request.getParameter("businessId");
String dirpath = uploadBasePath + File.separator + businessType;
if ( !new File(dirpath).exists() ) {
new File(dirpath).mkdir();
}
File[] files = req.getFiles(formFileName);
FileInputStream fis = null ;
FileOutputStream fos = null;
if ( files.length <= 0 ) { // 判断文件是否存在
responseMap.put("status", Constants.FAIL);
responseMap.put("reason", "找不到文件!");
} else {
logger.info("上传文件数量" + files.length );
try {
for ( int i = 0 ; i < files.length ; i ++) {
String origName = req.getFileNames(formFileName)[i];
//String fileName = System.currentTimeMillis() + "_" + origName;
String fileName = UUID.randomUUID() + origName.substring(origName.lastIndexOf(".")) ;
fis = new FileInputStream(files[i]);
fos = new FileOutputStream(
new File(uploadBasePath + File.separator + businessType + File.separator + fileName));
byte[] bytes = new byte[1024];
int n = 0 ;
while( ( n = fis.read(bytes)) > 0){
fos.write(bytes,0,n);
}
logger.info("生成文件: " + uploadBasePath + File.separator + businessType + File.separator + fileName);
responseMap.put("status", Constants.SUCCESS);
responseMap.put("filename",fileName);
AttachmentUpload att= new AttachmentUpload();
att.setId(UUIDGenerator.getUUID());
att.setEffective(Constants.ATTA_EFFECTIVE_YES_STR);
att.setBusinessId(businessId);
att.setBusinessType(businessType);
att.setFileName(fileName);
att.setOrigName(origName);
att.setRelativeUrl(businessType + File.separator + fileName);
att.setUploadTime(new Date());
att.setUploadBy(createId);
attachmentDao.insertSelective(att);
logger.info("附件信息保存成功:" + " businessId : " + businessId + ",businessType : " + businessType);
}
} catch (Exception e) {
logger.info("文件传送失败: " + e.getMessage()) ;
responseMap.put("status", Constants.FAIL);
responseMap.put("reason", "文件传送失败!");
e.printStackTrace();
throw e ;
} finally {
fis.close();
fos.close();
}
}
logger.info("文件传送成功!");
out.println(JSON.toJSONString(responseMap));
}
/**
* 文件下载
* @param request
* @param response
* @throws IOException
*/
@RequestMapping("/filedownload")
public void filedownload(HttpServletRequest request,
HttpServletResponse response) throws IOException {
OutputStream out = null;
InputStream in = null;
String relativeUrl = null;
String origName = null;
try {
response.reset();
// 获取相对路径
relativeUrl = request.getParameter("relativeUrl");
origName = request.getParameter("origName");
logger.info("文件下载开始 ： " + relativeUrl);
// 获取根目录
String uploadBasePath = (String) request.getServletContext()
.getAttribute("upload.basePath");
logger.info("uploadBasePath ： " + uploadBasePath);
// 获得请求文件名
//String filename = relativeUrl.substring(relativeUrl
// .lastIndexOf("\\") + 1);
//logger.info("filename ： " + filename);
// 设置文件MIME类型
// 设置Content-Disposition
response.setHeader("Content-Disposition", "attachment;filename="
+ origName);
// 读取目标文件，通过response将目标文件写到客户端
// 获取目标文件的绝对路径
String fullFileName = uploadBasePath + File.separator + relativeUrl;
response.setContentType(Files.probeContentType(Paths
.get(fullFileName)));
response.addHeader("Content-Length", "" + new File(fullFileName).length());
logger.info("文件名称 :" + fullFileName);
// System.out.println(fullFileName);
// 读取文件
out = response.getOutputStream();
in = new FileInputStream(fullFileName);
// 写文件
byte[] buffer = new byte[in.available()];
in.read(buffer);
out.write(buffer);
out.flush();
out.close();
// int b = 0;
// while ((b = in.read(buffer)) > 0) {
// out.write(buffer, 0, b);
// }
} catch (Exception e) {
e.printStackTrace();
logger.info("文件下载失败 ！" + e.getMessage());
throw e;
} finally {
in.close();
}
logger.info("文件下载结束: " + relativeUrl);
}
//附件实体类-------------------------------------------------------
package com.sf.novatar.plf.bean;
import java.io.Serializable;
import java.util.Date;
public class AttachmentUpload implements Serializable {
private String id;
private String relativeUrl;
private String fileName;
private String uploadBy;
private Date uploadTime;
private String updateBy;
private Date updateTime;
private String description;
private String effective; // 1 有效 0 无效
private String businessType;
private String businessId;
private String remark;
private String origName;
private static final long serialVersionUID = 1L;
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getRelativeUrl() {
return relativeUrl;
}
public void setRelativeUrl(String relativeUrl) {
this.relativeUrl = relativeUrl == null ? null : relativeUrl.trim();
}
public String getFileName() {
return fileName;
}
public void setFileName(String fileName) {
this.fileName = fileName == null ? null : fileName.trim();
}
public Date getUploadTime() {
return uploadTime;
}
public void setUploadTime(Date uploadTime) {
this.uploadTime = uploadTime;
}
public Date getUpdateTime() {
return updateTime;
}
public void setUpdateTime(Date updateTime) {
this.updateTime = updateTime;
}
public String getDescription() {
return description;
}
public void setDescription(String description) {
this.description = description == null ? null : description.trim();
}
public String getEffective() {
return effective;
}
public void setEffective(String effective) {
this.effective = effective == null ? null : effective.trim();
}
public String getBusinessType() {
return businessType;
}
public void setBusinessType(String businessType) {
this.businessType = businessType;
}
public String getBusinessId() {
return businessId;
}
public void setBusinessId(String businessId) {
this.businessId = businessId;
}
public String getRemark() {
return remark;
}
public void setRemark(String remark) {
this.remark = remark == null ? null : remark.trim();
}
public String getOrigName() {
return origName;
}
public void setOrigName(String origName) {
this.origName = origName == null ? null : origName.trim();
}
public String getUploadBy() {
return uploadBy;
}
public void setUploadBy(String uploadBy) {
this.uploadBy = uploadBy;
}
public String getUpdateBy() {
return updateBy;
}
public void setUpdateBy(String updateBy) {
this.updateBy = updateBy;
}
}
分享到：
发表评论
相关推荐
文件上传下载服务器是一种重要的网络服务，它为用户提供了一个方便、高效的方式来交换文件，特别是对于教育机构，如学校，教师可以利用这种服务收发作业、试卷等教学材料。在这个场景下，教师无需通过邮件或者传统的...
基于Python+Django简单实现文件上传下载功能源码 基于Python+Django简单实现文件上传下载功能源码 基于Python+Django简单实现文件上传下载功能源码 基于Python+Django简单实现文件上传下载功能源码 基于...
在这个场景下，"C# WebAPI文件上传下载源码"指的是使用C#编写的一套实现文件上传和下载功能的WebAPI服务代码。 文件上传功能是Web应用中的常见需求，允许用户将本地文件传输到服务器。在C# WebAPI中，这通常通过...
标题 "delphi做的文件上传下载服务器端" 描述了一个使用Delphi编程语言开发的服务器程序，该程序专门设计用于处理文件的上传和下载功能。在IT领域，这样的系统通常涉及网络编程、多线程和并发处理，以确保能有效地...
【局域网文件上传下载工具】是一个实用的软件应用，主要设计用于在局域网内的设备之间方便地进行文件的上传和下载操作。这个工具强调的是简单易用和跨平台特性，使得用户无论是在Windows、Mac还是Linux系统上都能...
### 文件上传下载技术详解 在数字化时代，文件的上传与下载是互联网应用中最常见的功能之一。无论是个人用户分享文档、图片、视频，还是企业级应用中的数据交换，文件的上传下载都扮演着至关重要的角色。本文将深入...
在C# WinForm应用开发中，文件上传和下载是常见的功能需求。本文将详细讲解如何实现文件上传到服务器以及从服务器下载文件。 首先，我们关注的是文件上传过程。在提供的代码中，`UpLoadFile`函数是实现文件上传的...
"基于jsp的文件上传下载"是Web应用程序中的常见需求，涉及到客户端与服务器之间的数据交互。本项目详细阐述了如何利用JSP实现文件的上传和下载功能。 首先，文件上传涉及的主要技术有HTML表单、Servlet和多部分请求...
在这个"Servlet 文件上传下载例子"中，我们将探讨如何使用Servlet实现文件的上传和下载功能，这对于构建一个简单的图片文件服务器至关重要。 1. **文件上传** - **MultipartRequest**: 在Servlet中，处理文件上传...
在IT行业中，文件上传下载是Web应用中常见且重要的功能之一。这个"文件上传下载demo"项目显然聚焦于实现这一功能，并对一个名为jspSmartUpload的组件进行了优化处理，特别是针对SmartUpload类进行升级，解决了文件名...
在文件上传下载的场景中，契约通常包含一个或多个方法，如`UploadFile`和`DownloadFile`。这些方法的参数可能是文件流或者文件路径，以处理二进制数据。服务端接收到文件后，可以将它们保存在服务器的特定位置，如...
在Struts2中，文件上传和下载是常见的功能需求，特别是在处理用户交互和数据交换时。这篇博客文章提供的"struts2文件上传下载源代码"旨在帮助开发者理解和实现这些功能。 文件上传功能允许用户从他们的设备上传文件...
文件上传和下载是Web应用程序中的常见功能，对于用户交互和数据交换至关重要。本篇文章将详细探讨如何在Struts2框架下实现文件的上传与下载。 首先，我们需要了解Struts2中的文件上传机制。Struts2提供了`...
总结起来，使用Struts实现文件上传下载涉及前端表单设计、后端处理逻辑、文件存储策略以及安全控制等多个方面。在实践中，我们还需要考虑到性能优化和用户体验提升，例如使用异步上传、进度条展示等技术。
通用文件上传下载接口使用说明 本文档主要介绍了通用文件上传下载接口的使用说明，包括文件上传和文件下载两个部分。在文件上传部分，我们需要关注文件主键id，它是文件上传的唯一标识符，上传文件时将返回该id，...
在本文中，我们将深入探讨如何使用Bootstrap来定制文件上传和下载的样式，以提供更美观、用户体验更好的交互界面。 首先，文件上传是网站和应用程序中常见的功能，允许用户上传本地文件到服务器。在HTML5中，`...
JSP 实现文件上传下载 在本文中，我们将学习如何使用 JSP 实现文件上传和下载功能。在这个过程中，我们将使用 Apache 的 Commons FileUpload 和 Commons IO 两个库来处理文件上传和下载。 首先，让我们了解一下...
在IT行业中，文件上传下载是Web应用中常见的功能，它涉及到客户端与服务器之间的数据交互。这篇博客"文件上传下载的简单实现"可能提供了一个简单的实现方法，虽然描述中没有给出具体细节，但我们可以根据通常的做法...
以上是使用Spring Boot和Thymeleaf实现文件上传下载的基本步骤。通过这种方式，你可以构建一个简单的文件管理系统，允许用户上传和下载文件。在实际应用中，你可能还需要处理更多细节，如错误处理、日志记录、权限...
在IT行业中，文件上传与下载是Web应用中的常见功能，特别是在企业级的系统中，例如内容管理系统、在线教育平台等。本示例聚焦于如何利用Struts2框架和Tomcat服务器来实现这一功能。以下是对这个主题的详细阐述： ...