超简单的jsp+servlet+jq实现图片上传到服务器

本文介绍了如何使用jsp、jQuery(jq)和Servlet实现图片上传功能。在jsp前端页面中,通过设置input文件选择框为不可见并限制只选择图片格式,利用jq进行交互,而在Servlet端处理文件上传。注意form表单的enctype属性必须设置为"multipart/form-data"。在Java后台可能需要添加commons-io和commons-fileupload的jar包来处理文件上传。如果需要,可以将前端页面内容放入模态框中展示。
摘要由CSDN通过智能技术生成

jsp前端页面

input文件选择框选设置为不可见,

accept设置的意思可以这样理解:打开本地文件的时候,选择的只是图片的格式的文件

当然你也可以在jq里面或者servlet里面再判断

注意就是form表单的属性enctype="multipart/form-data",二进制提交表单

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

		<label >点击图片即可修改</label><br>
		<img id="headPic" src="/market/images/image.png"  width="150px" height="150px" style="padding: 5px">
		<input id="upload" name="file" accept="image/*" type="file" style="display: none"/>
		<button id="submit_btn" type="submit">确定修改</button>
 </form>

JQ

 $("#headPic").click(function () {
      $("#upload").click(); /
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值