include > プレビュー追加JS

「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> }}

表示オプション

横に並べて表示:
変化行の前後のみ表示:
|新しいページ |検索 |ページ一覧 |RSS |@ウィキご利用ガイド |管理者にお問合せ
|ログイン|