1 html 直接传参 jsp页面
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<mata http-equiv=”content-type” content=”text/html; charset=utf-8”/>
var Lxlmc = "<%=java.net.URLDecoder.decode(request.getParameter("xlmc"),"UTF-8")%>";//linux
var xtxh = "<%=System.getProperty("os.name").toLowerCase()%>";//win
if(xtxh.substring(0,3)!="win"){
xlmc = Lxlmc;
}
2 文件分隔符linux与windows不同，用System.getProperty("file.separator")统一
private static final long serialVersionUID = -6525414170411696287L;
private static final String updpathdir = System.getProperty("file.separator")+"public"+System.getProperty("file.separator")+"images"+System.getProperty("file.separator")+"upload"+System.getProperty("file.separator");
private String filedir="zhct";//文件所在文件夹
private String name;//图片名字
private String suffix="png";//图片扩展名
private File file;//上传单个文件
private int width = 200;
private int height = 160;
private List<MultipartFile> multiFiles;//上传多个文件
private OrderManagerInf orderManager;
private int id;
private String rq;
//图片列表
public String getImgs() throws Exception {
HttpServletRequest request = ServletActionContext.getRequest();
String realpath = request.getSession( ).getServletContext( ).getRealPath( "/" )+updpathdir+filedir;
String[] fiename = null;//name存储file文件夹中的文件名
List<String> list = new ArrayList<>();
File newfile = new File(realpath);
if(!newfile.exists()){
newfile.mkdirs();//如果目录不存在，新建
}else{
if (newfile.isDirectory()){//判断file是否是文件目录 若是返回TRUE
fiename = newfile.list();
Collections.addAll(list, fiename);
Collections.sort(list,Collator.getInstance(java.util.Locale.CHINA));
}
}
request.setAttribute("random", System.currentTimeMillis());
request.setAttribute("filedir", filedir);
request.setAttribute("fienames", list);
return "picList";
}
//上传图片,png,透明
public void updPngFile() throws Exception {//png，jpg图片，压缩，背景白的
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
String realpath = request.getSession( ).getServletContext( ).getRealPath( "/" )+updpathdir+filedir;
Map<String, Object> re = new HashMap<>();
try{
if(file == null){
throw new Exception(I18nUtil.getText("basicModule.zhct.pic.notexit", session.getAttribute("appLang")+""));
}
BufferedImage bi1 = ImageIO.read(file);
if(bi1 == null){
throw new Exception(I18nUtil.getText("basicModule.zhct.pic.geshi", session.getAttribute("appLang")+""));
}
if(file.length()>=500000){
throw new Exception(I18nUtil.getText("basicModule.zhct.pic.size", session.getAttribute("appLang")+""));
}
File newfile = new File(realpath);
if(!newfile.exists()){
newfile.mkdirs();//如果目录不存在，新建
}
String fileName = name+".png";
String srcImgPath = realpath+System.getProperty("file.separator")+fileName; //存成png格式
FileInputStream is = new FileInputStream(file);
BufferedImage sourceImg =ImageIO.read(new FileInputStream(file));
int width = sourceImg.getWidth();
int height = sourceImg.getHeight();
//获取图片流
ImageInputStream iis = ImageIO.createImageInputStream(is);
Iterator<ImageReader> it = ImageIO.getImageReadersByFormatName(suffix);
ImageReader reader = it.next();
reader.setInput(iis,true) ;
ImageReadParam param = reader.getDefaultReadParam();
Rectangle rect = new Rectangle(0,0,width,height);
param.setSourceRegion(rect);
BufferedImage bi = reader.read(0,param);
ImageIO.write(bi, suffix, new File(srcImgPath));
re.put("fileName", fileName);
re.put("status", "success");
}catch (Exception e) {
logger.info("updPngFile fail...", e);
re.put("status", "exception");
re.put("message", e.getMessage());
}
// 写入列表 查询结果
out.println(JSON.toJSONString(re));
out.flush();
out.close();
}
//上传图片
public void updFile() throws Exception {//png，jpg图片，压缩，背景白的
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
String realpath = request.getSession( ).getServletContext( ).getRealPath( "/" )+updpathdir+filedir;
Map<String, Object> re = new HashMap<>();
try{
if(file == null){
throw new Exception("文件不存在！");
}
BufferedImage bi1 = ImageIO.read(file);
if(bi1 == null){
throw new Exception("此文件不为图片文件");
}
File newfile = new File(realpath);
if(!newfile.exists()){
newfile.mkdirs();//如果目录不存在，新建
}
Image srcFile = ImageIO.read(file);
String fileName = name+".png";
String srcImgPath = realpath+System.getProperty("file.separator")+fileName; //存成png格式
BufferedImage buffImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
Graphics2D graphics = buffImg.createGraphics();
graphics.setBackground(new Color(255,255,255));
graphics.setColor(new Color(255,255,255));
graphics.fillRect(0, 0, width, height);
graphics.drawImage(srcFile.getScaledInstance(width, height, Image.SCALE_SMOOTH), 0, 0, null);
ImageIO.write(buffImg, "jpg", new File(srcImgPath));
re.put("fileName", fileName);
re.put("status", "success");
}catch (Exception e) {
logger.info("updFile fail...", e);
re.put("status", "exception");
re.put("message", e.getMessage());
}
// 写入列表 查询结果
out.println(JSON.toJSONString(re));
out.flush();
out.close();
}
//删除图片
public void delFile() throws Exception {
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
String realpath = request.getSession( ).getServletContext( ).getRealPath( "/" )+updpathdir+filedir;
Map<String, Object> re = new HashMap<>();
try{
String srcImgPath = realpath+System.getProperty("file.separator")+name; //存成png格式
File f = new File(srcImgPath);
if(f.exists()){
f.delete();
}
re.put("status", "success");
}catch (Exception e) {
logger.info("delFile fail...", e);
re.put("status", "exception");
re.put("message", e.getMessage());
}
// 写入列表 查询结果
out.println(JSON.toJSONString(re));
out.flush();
out.close();
}
//改变图片名称
public void editFile() throws Exception {
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
String realpath = request.getSession( ).getServletContext( ).getRealPath( "/" )+updpathdir+filedir;
Map<String, Object> re = new HashMap<>();
try{
String oldPath = realpath+System.getProperty("file.separator")+name; //存成png格式
File f = new File(oldPath);
String newPath = realpath+System.getProperty("file.separator")+request.getParameter("newName")+".png";
f.renameTo(new File(newPath)); //改名
re.put("status", "success");
}catch (Exception e) {
logger.info("editFile fail...", e);
re.put("status", "exception");
re.put("message", e.getMessage());
}
// 写入列表 查询结果
out.println(JSON.toJSONString(re));
out.flush();
out.close();
}
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="ctx" value="<%=request.getContextPath()%>" />
<!DOCTYPE html>
<html>
<head>
<%@ include file="/jsp/meta.jsp"%>
<link rel="stylesheet" type="text/css" href="${ctx}/public/extjs/ExtGrid.css" />
<script type="text/javascript" src="${ctx}/public/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/public/jQueryUI/jquery-ui.min.js"></script>
<script type="text/javascript" src="${ctx}/public/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="${ctx}/js/locale/basicModule/zhct/menu_${appLang}.js"> </script>
<script>
window.onload = function() {
hideLeft();
};
function uploadFile(obj) {
var file = $("#file").val();
var name = getFileName(file);
var index1=file.lastIndexOf(".");
var index2=file.length;
var suffix=file.toLowerCase().substring(index1+1,index2);//后缀名
if(suffix!="png" & suffix!="jpg" & suffix!="jpeg"){
Wg.alert(basicModule_zhct.resourceBundle.Error.geshi);
return false;
}
var reg = /[\u4e00-\u9fa5]/g;
if(reg.test(name)){
Wg.alert(basicModule_zhct.resourceBundle.Error.ischar);
return false;
}
$.ajaxFileUpload({
url : "pic!updFile.do",
secureuri : false,// 一般设置为false
fileElementId : "file",// 文件上传表单的id <input type="file" id="fileUpload" name="file" />
dataType : 'json',// 返回值类型 一般设置为json
data: {'name': name,'filedir': '${filedir}','width':${width},'height':${height}},
success : function(data) // 服务器成功响应处理函数
{
var re = eval("(" + data + ")");
var timestamp=new Date().getTime();//id
if(re.status == 'success'){
var html = '<div class="divKJ"><div style="height: 120px"><img class="divIMG" src="${ctx}/public/images/upload/${filedir}/'+name+'.png?rand=${random}"></div><div style=" 110px;float: left;height:30px " ><input id="kd'
+timestamp+'" onblur="edit(this,\''+name+'.png\')"'+' type="text" value="'+name+'" style=" 150px;border:solid 0px #cc66cc;height:30px;background-color:#e1e1e1;color:black;" disabled="disabled"/></div>'
+'<div style=" 40px;float: right;height:30px;margin-top: 6px">'
+'<img title="'+basicModule_zhct.resourceBundle.Text.edit+'" src="${ctx}/public/extjs/resources/icons/fam/editl.png" onclick="toInput(\'kd'+timestamp+'\')" style="cursor:pointer;"/>'
+'<img title="'+basicModule_zhct.resourceBundle.Text.del+'" src="${ctx}/public/extjs/resources/icons/fam/dell.png" onclick="del(\''+name+'.png\',this)" style="cursor:pointer;"/></div></div>'
$("#imgs").append(html);
}else{
Wg.alert(re.message);
}
},
error : function(data)// 服务器响应失败处理函数
{
Wg.alert(basicModule_zhct.resourceBundle.Error.upload);
}
});
return false;
}
//获取图片名称
function getFileName(o){
var pos=o.lastIndexOf("\\");
var fileName = o.substring(pos+1);
pos=fileName.lastIndexOf(".");
return fileName.substring(0,pos);
}
function del(name,tar){
Wg.confirm(basicModule_zhct.resourceBundle.Confirm.del, function() {
$.ajax({
type: 'POST',
url: 'pic!delFile.do',
data: {'name': name,'filedir': '${filedir}'},
success : function(data) // 服务器成功响应处理函数
{
var re = eval("(" + data + ")");
if(re.status == 'success'){
$(tar).parent().parent().remove();
}else{
Wg.alert(re.message);
}
},
error : function(data)// 服务器响应失败处理函数
{
Wg.alert(basicModule_zhct.resourceBundle.Error.del);
}
});
});
}
function toInput(id){
if($("#"+id).attr("disabled")=="disabled"){
$("#"+id).css('background-color','#FFFFFF');
$("#"+id).attr("disabled",false);
$("#"+id).focus();
}
}
function edit(tar,name){
var newName = $(tar).val();
//中文判断
var reg = /[\u4e00-\u9fa5]/g;
if(reg.test(newName)){
Wg.alert(basicModule_zhct.resourceBundle.Error.ischar);
console.log(newName.length);
$(tar).val(name.substring(0,name.length-4));
return false;
}
$(tar).attr("disabled",true);
$(tar).css('background-color','#e1e1e1');
//修改
$.ajax({
type: 'POST',
url: 'pic!editFile.do',
data: {'name': name,'newName':newName,'filedir': '${filedir}'},
success : function(data) // 服务器成功响应处理函数
{
var re = eval("(" + data + ")");
if(re.status != 'success'){
Wg.alert(re.message);
}
},
error : function(data)// 服务器响应失败处理函数
{
Wg.alert(basicModule_zhct.resourceBundle.Error.upload);
}
});
}
</script>
<style>
.fileInput{ 150px;height: 150px;overflow: hidden;opacity: 0;filter:alpha(opacity=0);cursor:pointer;}
.divKJ{border: 1px solid #e1e1e1; 150px;height: 150px;float: left;margin-left: 30px;margin-top: 30px}
.divIMG{150px;height: 120px}
</style>
</head>
<body>
<div id="imgs">
<c:forEach items="${fienames}" var="item" varStatus="s">
<div class="divKJ">
<div style="height: 120px"><img class="divIMG" src="${ctx}/public/images/upload/${filedir}/${item}?rand=${random}"></div>
<div style=" 110px;float: left;height:30px;" >
<input id="kd${s.index}" onblur="edit(this,'${item}')" type="text" value='${fn:substringBefore(item, ".")}' style=" 150px;border:solid 0px #cc66cc;height:30px;background-color:#e1e1e1;color:black;margin:0" disabled="disabled"/>
</div>
<div style=" 40px;float: right;height:30px;margin-top: 6px">
<img title="<s:text name="basicModule.dagl.zdda.edit" />" src="${ctx}/public/extjs/resources/icons/fam/editl.png" onclick="toInput('kd${s.index}')" style="cursor:pointer;"/>
<img title="<s:text name="basicModule.dagl.zdda.del" />" src="${ctx}/public/extjs/resources/icons/fam/dell.png" onclick="del('${item}',this)" style="cursor:pointer;"/>
</div>
</div>
</c:forEach>
</div>
<div class="divKJ" style="border:solid 0px #cc66cc;margin-top:15px">
<input class="fileInput" type="file" accept="image/*" name="file" id="file" onchange ="uploadFile(this)"/>
<img id="bg" src="${ctx}/public/images/upd.png" height="140px" width="140px;" style="margin-top:-150px;margin-left:13px"/>
</div>
</body>
</html>