HackMD7號筆記本
tags: 筆記本
servlet筆記 取xml(context-param值) (AccountServlet.java LoginServlet.java Login.html)
servlet筆記 取xml(init-parm值)並透過相對路徑取得絕對入境 (CounterServlet.java)
(init部分)
servlet筆記 (DeclarativeErrorHandlingServlet.java)
servlet筆記 Header範例
servlet筆記 session
function RempveElement() {
let theNode=document.querySelector("#idImg")
console.log(theNode)
// theNode.parentNode.removeChild(theNode)
theNode.remove();
}
function CreateElement() {
let theDIV = document.getElementById("iddiv"); //取得div物件
let eleP = document.createElement("p"); //<p></p>
let txtP = document.createTextNode("Hello World"); //Hello World
eleP.appendChild(txtP); // <p>Hello World</p>
theDIV.appendChild(eleP);//<div id="iddiv">div<p>Hello World</p></div>
let eleImg = document.createElement("img"); //<img>
eleImg.setAttribute("src", "DOM/DOMImage/rabbit-hat.gif"); //<img src="...">
eleImg.setAttribute("id","idImg")
theDIV.appendChild(eleImg);//<div id="iddiv">div<p>Hello World</p><img src="..."></div>
}
</script>
div
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
HttpSession session = request.getSession();
MemberBean logoutmb = (MemberBean) session.getAttribute("loginuser");
logoutmb.setLogout_time(sdf.format(new Date(session.getLastAccessedTime())));
MemberDao.InsertLogoutTime(logoutmb);
String sql="" + "insert into member" + "(userid,password,chinesename,sex,phone,email,address,birthday)" + "values(" + "?,?,?,?,?,?,?,?)";
re=/^((((19|20)(([02468][048])|([13579][26]))(/02/29|/2/29)))|((20[0-9][0-9])|(19[0-9][0-9]))/(((|(0[1-9])|([1-9])|(1[0-2]))/(([1-9])|(0[1-9])|(1[0-9])|(2[0-8])))|((((0[13578])|(1[02]))/31)|(((0[1,3-9])|([1])|([3-9])|(1[0-2]))/(29|30)))))$/;
<form action="/somewhere/to/upload" enctype="multipart/form-data">
<input name="progressbarTW_img" type="file" id="imgInp" accept="image/gif, image/jpeg, image/png"/ >
<img id="preview_progressbarTW_img" src="#" style="width: 50px;height: 50px;"/>
</form>
<script src="../JQUERY/jquery-3.5.1.js"></script>
<script>
$("#imgInp").change(function(){
//當檔案改變後，做一些事
readURL(this); // this代表<input id="imgInp">
});
function readURL(input){
if(input.files && input.files[0]){
var reader = new FileReader();
reader.onload = function (e) {
$("#preview_progressbarTW_img").attr('src', e.target.result);
console.log(e.target.result)
}
reader.readAsDataURL(input.files[0]);
}
}
</script>
<c:set var = "empId" value = "<%=loginuser.getUserid()%>"/> <sql:query var="rs" dataSource="{empId}"/> </sql:query>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% response.setContentType("text/html;charset=UTF-8"); response.setHeader("Cache-Control","no-cache"); // HTTP 1.1 response.setHeader("Pragma","no-cache"); // HTTP 1.0 response.setDateHeader ("Expires", -1); // Prevents caching at the proxy server %>
.divst {
width: 450px;
border-bottom: 1px dotted #ADADAD;
margin: 10px;
padding-bottom: 5px;
}
legend {
margin:auto;
}
.sub {
width: 450px;
margin: 10px;
text-align: center;
}
.st1 {
width: 70px;
float: left;
text-align: left;
}
</style>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function () {
document.getElementById("name").addEventListener("blur", check1); //事件繫結，焦點離開
document.getElementById("address").addEventListener("blur", check2); //事件繫結，焦點離開
document.getElementById("image").addEventListener("blur", check3); //事件繫結，焦點離開
document.getElementById("introduction").addEventListener("blur", check4); //事件繫結，焦點離開
});
function check1() {
let nameObjVal = document.getElementById("name").value;
let sp_name = document.getElementById("sp_name");
if (nameObjVal == "")
sp_name.innerHTML = "不可為空白";
}
function check2() {
let addressObjVal = document.getElementById("address").value;
let sp_name = document.getElementById("sp_name");
if (addressObjVal == "")
sp_address.innerHTML = "不可為空白";
}
function check3() {
let imageObjVal = document.getElementById("image").value;
let sp_image = document.getElementById("sp_image");
if (imageObjVal == "")
sp_image.innerHTML = "不可為空白";
}
function check4() {
let introductionObjVal = document.getElementById("introduction").value;
let sp_introduction = document.getElementById("sp_introduction");
if (introductionObjVal == "")
sp_introduction.innerHTML = "不可為空白";
}
</script>
請輸入景點資料
<label for="name" class="st1">景點名稱:</label>
<input type="text" id="name" name="name" size="20">
<label class="st1">縣市:</label>
<select name="counties">
<option value="台北市">台北市</option>
<option value="新北市">新北市</option>
<option value="桃園縣">桃園縣</option>
<option value="新竹市">新竹市</option>
<option value="苗栗縣">苗栗縣</option>
<option value="臺中市">臺中市</option>
<option value="彰化縣">彰化縣</option>
<option value="南投縣">南投縣</option>
<option value="雲林縣">雲林縣</option>
<option value="嘉義縣">嘉義縣</option>
<option value="臺南市">臺南市</option>
<option value="高雄市">高雄市</option>
<option value="屏東縣">屏東縣</option>
<option value="宜蘭縣">宜蘭縣</option>
<option value="花蓮縣">花蓮縣</option>
<option value="臺東縣">臺東縣</option>
<option value="澎湖縣">澎湖縣</option>
<option value="金門縣">金門縣</option>
<option value="連江縣">連江縣</option>
</select>
<label class="st1" for="address">完整地址:</label>
<input type="text" id="address" name="address" size="40">
<input type='hidden' name='image1' id='image1' >
<label class="st1" for="image">照片:</label>
<input type="file" id="image" name="image" accept="image/gif, image/jpeg, image/png">
<label for="introduction" class="st1">介紹:</label>
<input type="text" id="introduction" name="introduction" placeholder="250字以內" size="40">
<input type="submit" name="submit" value="送出"> <input type="reset" value="清除輸入">
function readURL(input){
if(input.files && input.files[0]){
var reader = new FileReader();
reader.onload = function (e) {
console.log(e.target.result)
let a=document.querySelector('#image1')
a.value=e.target.result;
}
reader.readAsDataURL(input.files[0]);
}
}
$('input[type=file]').each(function()
{
var max_size=102400;
$(this).change(function(evt)
{
var finput = $(this);
var files = evt.target.files; // 獲得檔案物件
var output = [];
for (var i = 0, f; f = files[i]; i++)
{//檢查檔案大小
if(f.size > max_size)
{
alert("上傳的圖片不能超過100KB!");
window.location.reload();
$(this).val('');
}
}
});
});
