这里我记录一个比较简单方便操作的JAVA上传文件图片到服务器并且保存!
首先是页面 html的 我这是提交一个文件和类型
代码语言:javascript复制<div style="border: 1px solid red;">
我是添加一张临时图片得到微信的media_id保存数据库!
<form action="xxxxxxxxm"
enctype="multipart/form-data" method="post">
<div style="display: none;">
<input type="text" value="IMAGE" name="type"/>
</div>
上传图片:<input type="file" name="file"
onchange="previewImage(this, 'prvid')" multiple="multiple"><br />
<input type="submit" value="提交" />
</form>
<div id="prvid">预览容器</div>
</div>
预览图片js
代码语言:javascript复制此代码由Java架构师必看网-架构君整理
function previewImage(file, prvid) {
/* file:file控件
* prvid: 图片预览容器
*/
var tip = "Expect jpg or png or gif!"; // 设定提示信息
var filters = {
"jpeg" : "/9j/4",
"gif" : "R0lGOD",
"png" : "iVBORw"
}
var prvbox = document.getElementById(prvid);
prvbox.innerHTML = "";
if (window.FileReader) { // html5方案
for (var i = 0, f; f = file.files[i]; i ) {
var fr = new FileReader();
fr.onload = function(e) {
var src = e.target.result;
if (!validateImg(src)) {
alert(tip)
} else {
showPrvImg(src);
}
}
fr.readAsDataURL(f);
}
} else { // 降级处理
if (!/.jpg$|.png$|.gif$/i.test(file.value)) {
alert(tip);
} else {
showPrvImg(file.value);
}
}
function validateImg(data) {
var pos = data.indexOf(",") 1;
for ( var e in filters) {
if (data.indexOf(filters[e]) === pos) {
return e;
}
}
return null;
}
function showPrvImg(src) {
var img = document.createElement("img");
img.src = src;
prvbox.appendChild(img);
}
}
之后就是后台得到
代码语言:javascript复制@RequestMapping(params = "method=addCircle")
public String addCircle(HttpServletResponse response,HttpServletRequest request) throws IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
String path = request.getSession().getServletContext().getRealPath(
"/BackstageShoppingWebsite/images/addCircleimage");//保存的服务器地址
Map<String, String> map = Upload
.upload(request, 1024 * 1024 * 10, path);
String file= map.get("file"); // 名称
String image = map.get("type"); // 图像
String newFile = map.get("newFile");// 地址
return null;
}
好了现在重点就是看Upload 这个类了 这个类基本是封装好了的,需要 加的东西可以自己取看看然后修改
然后这个类用的是cos.jar包
方法一:
代码语言:javascript复制此代码由Java架构师必看网-架构君整理
package com.web.weixin.bean;
import java.io.File;
import java.io.IOException;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import com.oreilly.servlet.multipart.FilePart;
import com.oreilly.servlet.multipart.MultipartParser;
import com.oreilly.servlet.multipart.ParamPart;
import com.oreilly.servlet.multipart.Part;
public class Upload {
public static Map<String, String> upload(HttpServletRequest request,
int maxSize, String path) {
//以map形式保存数据 key对应保存的是获取界面上的name名称 value保存的是获取界面上的name对应的值
Map<String, String> map = new HashMap<String, String>();
Part part = null;
try {
MultipartParser mrequest = new MultipartParser(request, maxSize);
mrequest.setEncoding("utf-8");
//遍历所有的part组
while ((part = mrequest.readNextPart()) != null) {
if (part.isFile()) { //判断是否是文件
FilePart filepart = (FilePart) part;//转化成文件组
String fileName = filepart.getFileName();//得到文件名
if (fileName != null && fileName.length() > 0) {
// 取得扩展名
String fileExtName = fileName.substring(
fileName.lastIndexOf(".") 1).toLowerCase();
// 只上传图片 //判断图片上传的格式是否符合 后缀名是否有效
if (fileExtName.equalsIgnoreCase("jpeg")
|| fileExtName.equalsIgnoreCase("png")||
fileExtName.equalsIgnoreCase("jpg")
|| fileExtName.equalsIgnoreCase("gif")
|| fileExtName.equalsIgnoreCase("ico")
|| fileExtName.equalsIgnoreCase("bmp")
|| fileExtName.equalsIgnoreCase("flv")
|| fileExtName.equalsIgnoreCase("mp4")
|| fileExtName.equalsIgnoreCase("mp3")) {
/*String newFileName = new Date().getTime() "." fileExtName;//重新改文件名 文件名 扩展名 */
String newFileName =new Date().getTime() fileName;//不改图片名字
String newPath = path "/" newFileName; //文件处理文件上传的路径
File newFile = new File(newPath);
filepart.writeTo(newFile); //将文件真正写入到对应的文件夹中
//filepart.getName() 得到 request 要接收的参数的名字
map.put(filepart.getName(), newFileName);//把文件信息保存到map中
map.put("newFile", newFile.toString());
} else {
map.put("geshi", "geshi");
continue;
}// 说明上传的不是图片
} else {
map.put("yes","yes");
continue; // 说明没有选择上传图片
}
} else if (part.isParam()) { //判断是否是参数
ParamPart paramPart = (ParamPart) part;
map.put(paramPart.getName(), paramPart.getStringValue());
}
}
} catch (IOException e) {
e.printStackTrace();
}
return map;
}
}
方法二: 这个是 别人写的 我这也写到这里 因为写的很好 我就记录一下 也方便大家使用
代码语言:javascript复制@RequestMapping(params = "method=addCircle")
public String addCircle(HttpServletResponse response,HttpServletRequest request) throws IOException {
String urls =Var.webConfigMap.get("WXLinkUrl") "/upload/pjimages";
Map<String, Object> paramMap= Upload.doGet(request,response,urls);
String file= (String)map.get("file"); // 名称
String image = (String)map.get("type"); // 图像
String newFile = (String)map.get("newFile");// 地址
return null;
}
代码语言:javascript复制package com.web.wxutils;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadBase;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import com.oreilly.servlet.multipart.FilePart;
import com.oreilly.servlet.multipart.MultipartParser;
import com.oreilly.servlet.multipart.ParamPart;
import com.oreilly.servlet.multipart.Part;
public class Upload {
代码语言:javascript复制 /**
* 上传图片
*
* @param request
* @param response
* @param url2 文件的存放路径
* @return
* @throws ServletException
* @throws IOException
*/
@SuppressWarnings({ "static-access", "unchecked" })
public static Map<String, Object> doGet(HttpServletRequest request, HttpServletResponse response, String url2)
throws ServletException, IOException {
Map<String, Object> paramMap = new HashMap<String, Object>();
StringBuilder image = new StringBuilder();
StringBuilder details_image = new StringBuilder();
try {
// 1、创建工厂类:DiskFileItemFactory
DiskFileItemFactory facotry = new DiskFileItemFactory();
// 2、创建核心解析类:ServletFileUpload
ServletFileUpload upload = new ServletFileUpload(facotry);
upload.setHeaderEncoding("UTF-8");// 解决上传的文件名乱码
// 3、判断用户的表单提交方式是不是multipart/form-data
boolean bb = upload.isMultipartContent(request);
if (!bb) {
return null;
}
// 4、是:解析request对象的正文内容List<FileItem>
List<FileItem> items = upload.parseRequest(request);
String storePath = request.getSession().getServletContext().getRealPath("/upload/pjimages");// 上传的文件的存放目录
for (FileItem item : items) {
if (item.isFormField()) {
// 5、判断是否是普通表单:打印看看
String fieldName = item.getFieldName();// 请求参数名
String fieldValue = item.getString("UTF-8");// 请求参数值
// System.out.println(fieldName "=" fieldValue);
if (fieldName.equals("old") && !fieldValue.equals("")) {
details_image.append(fieldValue);
details_image.append(",");
}
paramMap.put(fieldName, fieldValue);
} else {
// 6、上传表单:得到输入流,处理上传:保存到服务器的某个目录中,保存时的文件名是啥?
String fileName = item.getName();// 得到上传文件的名称 C:Documents
// and
// Settingsshc桌面a.txt
// a.txt
// 解决用户没有选择文件上传的情况
if (fileName == null || fileName.trim().equals("")) {
continue;
}
fileName = fileName.substring(fileName.lastIndexOf("/") 1);
String newFileName = fileName;
InputStream in = item.getInputStream();
String name = new Date().getTime() newFileName;
String savePath = storePath "/" name;
String url = url2 "/" name;
// System.out.println(item.getFieldName() "上传的文件地址:" savePath);
if (item.getFieldName().equals("image")) {
image.append(url);
image.append(",");
}
if (item.getFieldName().equals("details_image")) {
details_image.append(url);
details_image.append(",");
} else {
paramMap.put(item.getFieldName(), url);
}
OutputStream out = new FileOutputStream(savePath);
byte b[] = new byte[1024];
int len = 0;
while ((len = in.read(b)) != -1) {
out.write(b, 0, len);
}
in.close();
out.close();
item.delete();// 删除临时文件
}
}
if (image != null && image.length() != 0 && !"".equals(image.toString())) {
String images = image.toString().substring(0, image.toString().length() - 1);
paramMap.put("image", images);
}
if (details_image != null && details_image.length() != 0 && !"".equals(details_image.toString())) {
String details_images = details_image.toString().substring(0, details_image.toString().length() - 1);
paramMap.put("details_image", details_images);
}
} catch (Exception e) {
e.printStackTrace();
request.setAttribute("message", "上传失败");
request.getRequestDispatcher("/message.jsp").forward(request, response);
}
return paramMap;
}
代码语言:javascript复制}
cos.jar包下载 https://pan.baidu.com/s/1VUZs4ELd60Oc_BtB41BSYQ