JSP实现文件上传下载和删除(附:JS获取上传文件的文件名)

这篇博客详细介绍了如何使用JSP实现文件的上传、下载和删除功能。作者提供了表单部分的HTML和JavaScript代码,以及处理文件上传、下载和删除的jsp页面代码。此外,还分享了一个小技巧,即在选择文件后自动填充输入框的文件名。
摘要由CSDN通过智能技术生成

1.文件上传

直接复制项目了,你们有需要的自己看着改吧

表单部分截图  (添加分类按钮可忽略)

jsp页面html部分


<form action="" id="form" enctype="multipart/form-data" method="post">
		<div style="padding-left: 10%;margin-top: 50px;">
			<label>文档分类 :  
				<select name="documentTypeId" id="documentTypeId" style="width: 12%;">
				<s:iterator value="tDocTypeList">
					<option value="${docTypeOid}">${docTypeName}</option>
				</s:iterator>
				</select>
			</label>
			<input class="a" type="button" οnclick="tjDocType();" style="width:80px;border-radius:7px 7px 7px 7px;background:#009bdf;color:#fff;font-size: 15px;" value="添加分类">
		</div>
		<div style="padding-left: 10%;margin-top: 20px;">
			<label>文档标题 :  
				<input type="text" style="width: 30%;" id="documentName" name="documentName" />
			</label>
		</div>
		<div style="padding-left: 10%;margin-top: 20px;">
			<label>文档日期 :  
				<input οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})"
							name="docTime" id="docTime" value="" type="text"  class="Wdate" readonly="readonly" />
			</label>
		</div>
		<div style="padding-left: 10%;margin-top: 20px;">
			<label>文档文件 :  
				<input type="file" name="path" id="path" />
			</label>
		</div>
	</form>
	<div style="text-align: center;">
		<input id="save" class="a" title="保存信息!" style="margin-top:50px;width:120px;border-radius:7px 7px 7px 7px;background:#009bdf;color:#fff;font-size: 17px;" type="button" value="保存" οnclick="save();" />
	</div>

这个是通过点击保存按钮,提交表单实现的下面附按钮点击事件save()

jsp页面js部分

//保存文档
function save(){
	if($("#documentTypeId").val()==""){
		alert("请选择文档分类&#x
  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值