添加页面
来源:互联网 发布:怎么加入淘宝全球购 编辑:程序博客网 时间:2024/05/21 08:56
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%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> <base href="<%=basePath%>"> <title>My JSP '3.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><!-- 可选的 Bootstrap 主题文件(一般不用引入) --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><script type="text/javascript" src="jquery-2.1.0.js"></script><!-- 最新的 Bootstrap 核心 JavaScript 文件 --><script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script type="text/javascript"> function setImagePreview(avalue) { var docObj=document.getElementById("doc"); var imgObjPreview=document.getElementById("preview"); if(docObj.files &&docObj.files[0]) { //火狐下,直接设img属性 imgObjPreview.style.display = 'block'; imgObjPreview.style.width = '80px'; imgObjPreview.style.height = '80px'; //imgObjPreview.src = docObj.files[0].getAsDataURL(); //火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式 imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); } else { //IE下,使用滤镜 docObj.select(); var imgSrc = document.selection.createRange().text; var localImagId = document.getElementById("localImag"); //必须设置初始大小 localImagId.style.width = "150px"; localImagId.style.height = "180px"; //图片异常的捕捉,防止用户修改后缀来伪造图片 try{ localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; } catch(e) { alert("您上传的图片格式不正确,请重新选择!"); return false; } imgObjPreview.style.display = 'none'; document.selection.empty(); } return true; } $(function(){ $.post("house/allperson",function(dd){ $.each(dd, function(key,obj) { $("#bm").append("<option value="+obj.pid+">"+obj.personName+"</option>") }); }) }); </script> </head> <body> <form class="form-horizontal" action="house/update"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">房屋名称</label> <div class="col-sm-10"> <input type="text" class="form-control" name="name" value="${house.name }" style="width: 200px"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">房屋单价</label> <div class="col-sm-10"> <input type="text" class="form-control" name="price" value="${house.price }" style="width: 200px"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">房屋面积</label> <div class="col-sm-10"> <input type="text" class="form-control" name="area" value="${house.area }" style="width: 200px"> <input type="hidden" name="hid" value="${house.hid }"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">房屋图片</label> <div class="col-sm-10"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td height="101" align="center"> <div id="localImag"><img id="preview" src="../images/${house.img}" width="150" height="180" style="display: block; width: 150px; height: 180px;"></div> </td> </tr> <tr> <td align="center" style="padding-top:10px;"><input type="file" name="img" id="doc" style="width:150px;" onchange="javascript:setImagePreview();"></td> </tr> </tbody> </table> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">所属户主</label> <div class="col-sm-10"> <select id="bm" name="person.pid"></select> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default" >添加</button> </div> </div></form> </body></html>
阅读全文
0 0
- 添加页面
- 添加页面
- 添加页面
- 页面添加缓存
- JS添加页面控件
- 用户添加页面
- jsp页面添加行
- 页面添加验证码
- 页面刷新重复添加
- 后台添加页面控件
- 简单的添加页面
- 页面添加置顶按钮
- 页面添加浮动广告
- ecshop 添加404页面
- 页面添加置顶按钮
- php页面添加计数器
- iOS添加子页面
- jsp页面添加分页
- 创建一个SpringMVC小项目
- 电脑打字究竟对书写习惯产生了多大影响?
- Tablayout简单布局
- Game of Dice GYM101532E
- Curl超时设置
- 添加页面
- android ServerSocket 和 Socket使用简单讲解
- 插件实现三级联动
- AngularJS的添加信息判断+路由
- Swift UI布局+读取网络数据+Swift、OC混编
- IOS移动操作系统架构图
- Java常见的设计原则
- 【密码学】PHP实现AES核心步骤
- jq批量删除