JSP上传图片源码

最新推荐文章于 2021-11-17 17:44:17 发布

PzzZ

最新推荐文章于 2021-11-17 17:44:17 发布

阅读量497

点赞数

分类专栏： java 文章标签： jsp

本文链接：https://blog.csdn.net/qq_17635843/article/details/76240462

版权

java 专栏收录该内容

59 篇文章 1 订阅

订阅专栏

<%@page import="org.apache.jasper.tagplugins.jstl.core.Redirect"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>这是一个上传页面</title>
<base href="<%=basePath%>">
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
</head>
<body>
<center>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="60"
style="color: #000; font-size: 19px; font-weight: bolder; padding-left: 50px;">上传吧</td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td height="500" align="center" valign="top"><table width="900"
border="0" cellspacing="0" cellpadding="0">
<tr>
        <td></td>
<td width="709" align="center" valign="top">
<form action="admin/uploadI" method="post" enctype="multipart/form-data">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="38%" height="60" align="right"> 请选择级别</td>
<td width="62%">  <select name="select2">
<script>
                                                                         for(var i=1;i<=24;i++){
                                                                       document.write("<option value='"+i+"'>"+i+"</option>");
                                                                           }
                                                                       </script>
</select></td>
</tr>
<tr><td width="38%" height="60" align="right"> 请选择性别</td>
<td width="62%">  <select name="select3">
<option value="1" >男</option>
<option value="0" selected="selected" >女</option>
</select></td></tr>
<tr>
<td height="60" align="right"><span>*</span>上传图片：</td>
<td><input type="file" name="myfile" id="myfile"
onchange="showPreviewImg(this)"></td>
</tr>
<tr>
<td> </td>
<td align="left" ><img id="previewImg"
src="image/yulan.png" width="100" height="120" /></td>

</tr>

<tr>
<td colspan="2" align="center"><div id="large"></div></td>
</tr>
                   <tr><span onclick="return searchAll1()">上一页</span>  第<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" size="1" id="page" value="${page}" name="page"/>页 <span onclick="return searchAll3()" >GO</span>  <span onclick="return searchAll2()">下一页</span>  共${pageCount}页</tr> 
<tr height="80">
<td> </td>
<td align="left"><input type="submit" name="button" id="button"
value="上传"><%if(request.getAttribute("result")!=null){%>
                                            <span style="color:red;">
                                            <%=request.getAttribute("result")%></span>
                                            <%}%></td>
</tr>
</table>
</form>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="35"> </td>
</tr>
</table>


</center>
</body>
<script language="JavaScript"> 
$('#myfile').change(function() {
var file = this.files[0];
var reader = new FileReader();
reader.onload = function() {
var url = reader.result;
setImageURL(url);
};
reader.readAsDataURL(file);
var la = $("#large");
//la.hide();
$("#previewImg").mousemove(function(e) {
la.css({
top : e.pageY,
left : e.pageX
}).html('<img src="'+this.src+'"/>').show();
}).mouseout(function() {
la.hide();
});
});
var image = $("#previewImg")[0];
function setImageURL(url) {
image.src = url;
}
javascript:window.history.forward(1); 


</script>
<script language="JavaScript"> 
var pageCount=${pageCount};
function searchAll1(){
var page1=document.getElementById("page").value;
if(page1>1){
page1--;
window.location.href="admin/searchAll?page="+page1;
}
}
function searchAll2(){
var page1=document.getElementById("page").value;
if(page1<pageCount){
page1++;
window.location.href="admin/searchAll?page="+page1;
}
}
//判空
function isNull(str){
if ( str == "" ) return true;
var regu = "^[ ]+$";
var re = new RegExp(regu);
return re.test(str);
}

function searchAll3(){
var page1=document.getElementById("page").value;
if(page1<=pageCount){
window.location.href="admin/searchAll?page="+page1;
}
else{
alert("输入页码有误！");
window.location.href="admin/searchAll?page=1";
}
}




javascript:window.history.forward(1); 


</script>
</html>

最近在整理一些资源工具，放在网站分享 http://tools.maqway.com
欢迎关注公众号：麻雀唯伊，不定时更新资源文章，生活优惠，或许有你想看的

PzzZ

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JSP上传图片源码

<%@page import="org.apache.jasper.tagplugins.jstl.core.Redirect"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();Strin...
复制链接

扫一扫