UpLoadForm

本文介绍了一个使用Struts框架实现文件上传的例子。通过展示upload.jsp页面代码和UpLoadAction.java处理逻辑,详细说明了如何配置表单以支持多部分数据格式、如何获取上传文件并将其保存到指定路径。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

upload.jsp

<html:form action="/upLoad" method="post"enctype="multipart/form-data">
			fileName : <html:text property="fileName" />
		
			<br />
			fileContent : <html:file property="fileContent" />
		
			<br />
			<html:submit />
			
		</html:form>

 

UpLoadAction.java

public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) {
		UpLoadForm upLoadForm = (UpLoadForm) form;// TODO Auto-generated
		// method stub
		FormFile ff = upLoadForm.getFileContent();
		String filename=ff.getFileName();
		System.out.println(ff.getFileName() + ff.getContentType());
		System.out.println(getServlet().getServletContext().getRealPath("/"));
		  try {
			OutputStream outputStream = new FileOutputStream(new File("c://" + ff.getFileName()));
			  byte b[]=ff.getFileData();
			  outputStream.write(b);
			  outputStream.close();
		} catch (FileNotFoundException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return null;
	}

 

 

这是一个基于HTML、CSS和JavaScript的简单文件上传和展示页面的示例代码: HTML: 复制 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>File Upload and Display Example</title> </head> <body> <h1>File Upload and Display Example</h1> <form id="uploadForm" action="" method="POST" enctype="multipart/form-data"> <input type="file" name="fileToUpload" id="fileToUpload" /><br /> <input type="submit" value="Upload File" name="submit" /> </form> <div id="fileDisplayArea"></div> </body> </html> CSS: 复制 h1 { color: #333; font-size: 24px; font-weight: bold; margin-bottom: 20px; } #fileDisplayArea { border: 1px solid #ddd; padding: 20px; margin-top: 20px; overflow: auto; } JavaScript: 复制 window.onload = function() { document.getElementById('uploadForm').addEventListener('submit', uploadFile); } function uploadFile(event) { event.preventDefault(); var file = document.getElementById('fileToUpload').files[0]; var formData = new FormData(); formData.append('fileToUpload', file); var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { displayFile(xhr.responseText); } } xhr.open('POST', 'upload.php', true); xhr.send(formData); } function displayFile(fileText) { var fileDisplayArea = document.getElementById('fileDisplayArea'); fileDisplayArea.innerHTML = fileText; } 在这个示例中,我们使用了一个简单的HTML表单来上传文件,使用JavaScript编写了一个事件监听器函数来处理文件上传请求,并使用XMLHttpRequest对象将文件发送到服务器。一旦文件上传成功,我们使用JavaScript编写的另一个函数来将文件内容显示在页面上。此代码还可以扩展,以便同时上传和显示图片文件及其缩略图。为什么无法实现预览和下载
05-24
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值