「include/プレビュー追加JS」の編集履歴(バックアップ)一覧はこちら
「include/プレビュー追加JS」(2013/03/25 (月) 15:54:13) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
#js(){{
<script type="text/javascript">
$(function(){
$("input[name=uploadfile]").after($("<table/>").attr({"id":"previewTable"}));
$("input[name=uploadfile]").change(function(e){
var file = $(this).prop('files')[0];
var table = $("<table/>").attr({"id":"previewTable","font-size":"9pt"});
var lmd = String(file.lastModifiedDate).split(" ");
var LMDate = new Date(lmd[1]+" "+lmd[2]+","+lmd[3]+" "+lmd[4]);
table.append($("<tr/>").html("<th>ファイル名:</th><td>"+file.name+"</td>"));
table.append($("<tr/>").html("<th>更新日:</th><td>"+LMDate.getFullYear()+"/"+(LMDate.getMonth()+1)+"/"+LMDate.getDate()+" "+LMDate.getHours()+":"+LMDate.getMinutes()+":"+LMDate.getSeconds()+"</td>"));
table.append($("<tr/>").html("<th>タイプ:</th><td>"+file.type+"</td>"));
var fileSize = file.size < 1000?file.size + "B":file.size < 1000000?Math.ceil(file.size/1000)+"KB":Math.ceil(file.size/1000000)+"MB(アップロードできるファイルサイズは1MBまでです。)";
table.append($("<tr/>").html("<th>サイズ:</th><td>"+fileSize+"</td>"));
if(file.type.indexOf("image/") >= 0){
var fr = new FileReader();
var trImg = $("<tr/>");
trImg.append($("<th/>").html("画像<br/>プレビュー:") );
trImg.append($("<th/>").append($("<img/>").attr({"id":"preview","max-width":"200px","max-height":"200px","width":"150px"})));
fr.onload = function() {
trImg.find('#preview').attr('src', fr.result); // 読み込んだ画像データをsrcにセット
}
fr.readAsDataURL(file); // 画像読み込み
table.append(trImg);
}
$("table#previewTable").replaceWith(table); });
});
</script>
}}