「JavaScript入門」選択されたファイルのサイズを取得するサンプル

1.htmlコード
<input type=”file” id=”formFile” >
<input type=”button” onclick=”showSize()” value=”計算”>

 

2.JSコード
function showSize(){
var frmFileLst = document.getElementById(“formFile”).files;
var cft = “”;
for(var i=0; i<frmFileLst.length; i++){
cft += “[” + frmFileLst[i].size + ” bytes]” + frmFileLst[i].name + “<br>”;
}
document.getElementById(“result”).innerHTML = cft;
}

「Spring入門」@RequestMappingのvalue属性の基本的使い方

1.URLを指定
@RequestMapping(value = “/address”)

2.value属性自体を省略
@RequestMapping()
@RequestMapping(“/”)

3.複数指定
@RequestMapping(value = { “/”, “/address” })
@RequestMapping({ “/”, “/address” })

4.params属性を利用
@RequestMapping(value = “/cft/address”, params = “address1”, method = RequestMethod.POST)

@RequestMapping(value = { “/address”, “/address/{addressId}” }, params = “method=update”)

5.producesを利用
@RequestMapping(value=”/address”, method=RequestMethod.PUT, produces=”text/plain;charset=UTF-8″)
@ResponseBody
jsonを返すことの方が多いです。

6.RequestMethod.GETを利用
@RequestMapping(value = “/address”, method = RequestMethod.GET)
画面初期表示の場合よく使います。

java.sql.Timestamp.after(Timestamp ts)の使い方

1.Javaコード
package com.cft.sample;
public class AfterDemo {
public static void main(String[] args) {
java.sql.Timestamp ts1 = java.sql.Timestamp.valueOf(“2017-04-06 19:01:10”);
java.sql.Timestamp ts2 = java.sql.Timestamp.valueOf(“2016-04-06 18:01:10”);

System.out.println(ts1.after(ts2));
}

}
2.結果 true

「jQuery入門」each()で複数の要素をループ処理するコード

1.htmlコード
<ul>
<li>data1</li>
<li>data2</li>
<li>data3</li>
</ul>

2.JSコード
$(function() {
$.each($(‘li’), function(i, item) {
console.log(i+’:’+$(item).text());
});
});

「jQuery入門」textareaの改行コードを
に置換するサンプル

JSコード:
$(‘#txtarea’).change(function() {
var cftVal = $(‘txtarea’).val();
$(‘#userProfile’).html(cftVal.replace(/\r?\n/g, ‘<br>’));
//some code
});

「jQuery入門」input type=fileのchange()の書き方

JSPコード
<input type=”file” id=”cfUpload” name=”cfUpload”>
<input type=”text” id=”kdf” name=”kdf”>

JSコード
<script type=”text/javascript”>
$(‘#cfUpload’).change(function (data){
//some code
$(‘#kdf’).val($(this).val())
});
</script>

「jQuery入門」disabledを変更するコード

JSコード
$(“button:eq(0)”).click(function(){
var text1=$(“input:text:eq(0)”);
if(text1.attr(“disabled”)==””){

text1.attr(“disabled”,”disabled”);
}else{
text1.attr(“disabled”,””);
}
});

CentOSに管理ユーザを作成する

1.ユーザ作成
# useradd cftuser
# passwd cftuser
# cd /home/cftuser/
# pwd

2.管理者権限の付与
# vi /etc/sudoers
## Allow root to run any commands anywhere
root ALL=(ALL) ALL
cftuser ALL=(ALL) ALL (追記)

## Allows people in group wheel to run all commands
修正前
# %wheel ALL=(ALL) ALL

修正後
%wheel ALL=(ALL) ALL

「ajax入門」JSP画面からフォームデータ(new FormData())を取得するサンプル

1.JSPコード
<form id=”cft” action=”/Member/MemberIdSet” method=”post” enctype=”multipart/form-data”>
<input type=”hidden” id=”memberid” name=”userid”>
//some code
<input type=”file” name=”upfile” id=”upfile”>
</form>

2.フォームデータを取得する
方法1
var cftForm = new FormData($(‘#cft’).get(0));
方法2
var cftForm = new FormData(document.getElementById(“cft”));

3.ajaxコード
$.ajax({
type : “POST”,
url : xxx,
dataType : “text”,
data : cftForm,
//some code
});

「jQuery入門」css(‘display’, ‘none’)の使い方

①htmlコード
<button>クリック</button>
<div>テスト</div>

②要素の非表示
$(function() {
$(‘button’).click(function(){
$(‘div’).css(‘display’, ‘none’);
});
});

③要素のブロック
$(function() {
$(‘button’).click(function(){
$(‘div’).css(‘display’, ‘block’);
});
});