案例:实现文件上传

一、创建项目,导入JAR包

jar包下载地址:Index of /proper 

二、创建上传页面

注意:<form action="UploadServlet" method="post"  enctype="multipart/form-data"> 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>文件上传</title>
</head>
<body>
 	<form action="UploadServlet" method="post" 
      enctype="multipart/form-data">
 		<table width="600px">
 			<tr>
 				<td>上传者</td>
 				<td><input type="text" name="name" /></td>
 			</tr>
 			<tr>
 				<td>上传文件</td>
 				<td><input type="file" name="myfile" /></td>
 			</tr>
 			<tr>
 				<td colspan="2"><input type="submit" value="上传" /></td>
 			</tr>
 		</table>
 	</form>
</body>
</html>

三、创建Servlet

//上传文件的Servlet类
public class UploadServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		try {
		    //设置ContentType字段值
		    response.setContentType("text/html;charset=utf-8");
			// 创建DiskFileItemFactory工厂对象
			DiskFileItemFactory factory = new DiskFileItemFactory();
			//设置文件缓存目录,如果该目录不存在则新创建一个
			File f = new File("E:\\TempFolder");
			if (!f.exists()) {
				f.mkdirs();
			}
			// 设置文件的缓存路径
			factory.setRepository(f);
			// 创建 ServletFileUpload对象
			ServletFileUpload fileupload = new ServletFileUpload(factory);
			//设置字符编码
			fileupload.setHeaderEncoding("utf-8");
			// 解析 request,得到上传文件的FileItem对象
			List<FileItem> fileitems = fileupload.parseRequest(request);
			//获取字符流
			PrintWriter writer = response.getWriter();
			// 遍历集合
			for (FileItem fileitem : fileitems) {
				// 判断是否为普通字段
				if (fileitem.isFormField()) {
					// 获得字段名和字段值
					String name = fileitem.getFieldName();
					if(name.equals("name")){
						//如果文件不为空,将其保存在value中
						if(!fileitem.getString().equals("")){
							String value = fileitem.getString("utf-8");
							writer.print("上传者:" + value + "<br>");							
						}
					}
				} else {
					// 获取上传的文件名
					String filename = fileitem.getName();
					//处理上传文件
					if(filename != null && !filename.equals("")){
						writer.print("上传的文件名称是:" + filename + "<br>");						
						// 截取出文件名
						filename = filename.substring(filename.lastIndexOf("\\") + 1);						
						// 文件名需要唯一
						filename = UUID.randomUUID().toString() + "_" + filename;
						// 在服务器创建同名文件
						String webPath = "/upload/";
						//将服务器中文件夹路径与文件名组合成完整的服务器端路径
						String filepath = getServletContext().getRealPath(webPath + filename);
						// 创建文件
						File file = new File(filepath);
						file.getParentFile().mkdirs();
						file.createNewFile();
						// 获得上传文件流
						InputStream in = fileitem.getInputStream();
						// 使用FileOutputStream打开服务器端的上传文件
						FileOutputStream out = new FileOutputStream(file);
						// 流的对拷
						byte[] buffer = new byte[1024];//每次读取1个字节
						int len;
						//开始读取上传文件的字节,并将其输出到服务端的上传文件输出流中
						while ((len = in.read(buffer)) > 0)
							out.write(buffer, 0, len);
						// 关闭流
						in.close();
						out.close();
						// 删除临时文件
						fileitem.delete();
						writer.print("上传文件成功!<br>");
					}										
				}
			}
		} catch (Exception e) {
			throw new RuntimeException(e);
		}
	}
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doGet(request, response);
	}
}

四、启动项目,查看运行结果

http://localhost:8080/chapter12/form.jsp

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个使用第三方库 Dropzone.js 实现文件案例: HTML 代码: ```html <div class="dropzone" id="my-dropzone"></div> ``` JavaScript 代码: ```javascript // 初始化 Dropzone Dropzone.autoDiscover = false; var myDropzone = new Dropzone("#my-dropzone", { url: "/upload", // 上文件的 URL maxFilesize: 1024, // 上文件大小限制,单位为 MB chunking: true, // 开启分片上 forceChunking: true, // 强制开启分片上 chunkSize: 1024 * 1024, // 每个分片的大小,单位为字节 parallelChunkUploads: true, // 开启多线程上 retryChunks: true, // 上失败时自动重试 retryChunksLimit: 3, // 上失败时重试的次数 dictDefaultMessage: "拖拽文件到此或点击上", // 默认提示信息 dictFallbackMessage: "您的浏览器不支持拖拽上,请使用表单上", // 不支持拖拽上时的提示信息 dictInvalidFileType: "文件类型不支持", // 不支持的文件类型提示信息 dictFileTooBig: "文件过大,请上小于1GB的文件", // 文件过大提示信息 dictResponseError: "上失败,请稍后重试", // 上失败提示信息 }); // 上成功时的回调函数 myDropzone.on("success", function (file, response) { console.log("上成功:" + response.filename); }); // 上失败时的回调函数 myDropzone.on("error", function (file, errorMessage) { console.log("上失败:" + errorMessage); }); ``` 上面的代码中,我们使用了 Dropzone.js 库,并初始化了一个 Dropzone 实例,通过设置一些参数开启了分片上、多线程上、自动重试等功能。当文件成功或失败时,会触发相应的回调函数,我们可以在回调函数中处理上结果。需要注意的是,上述代码仅为示例,具体参数设置和回调函数实现需要根据实际情况进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值