✎ community:新規投稿 [バイオハザードレジスタンス攻略Wiki]

~~NOCACHE~~
<HTML>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready( function(){
$("#upbtn").prop('disabled', true);
});

$(function(){
  $('input[type=file]').on('change',function(){
    var me=$(this);
    var file = $(this).prop('files')[0];
    var allowed = ["jpeg", "png", "gif"];
    var fr = new FileReader();
    var check = false;
    if (file.size > 1000000) {
	    alert("画像は1MB以下のファイルを選択してください。");
　　　　　　　$('input[type="file"]').val(null);
　　　　　　　me.next('.myimgs').remove();
             $("#upbtn").prop('disabled', true);
	    return false;
    }
    allowed.forEach(function(extension) {
     if (file.type.match('image/'+extension)) {
     check = true;
     }
    })
    if(check){
      me.next('.myimgs').remove();
      var imgtag=$('<img alt="test" class="myimgs" width="200">');
      me.after(imgtag);
      fr.onload = function() {
        imgtag.attr('src', fr.result);
      }
      fr.readAsDataURL(file);
      $("#upbtn").prop('disabled', false);      
    }else{
    　$('input[type="file"]').val(null);
    　me.next('.myimgs').remove();
     alert("拡張子がjpeg, png, gifの画像ファイルを選択して下さい");
     $("#upbtn").prop('disabled', true);
    }
 });
});

$('#send-form').submit(function() {

var fd = new FormData();
      var fd = new FormData($('#send-form').get(0));

$.ajax({	
			
        url: 'upload.php',

type: 'POST',
        data: fd,
        cache: false,
        contentType: false,
        processData: false,
        dataType: 'html'
       });
});
</script>
<div class="container">
<h3><span class="glyphicon glyphicon-upload"></span> 新規投稿</h3>
<form id="send-form" class="form-horizontal" method="post" enctype="multipart/form-data">
 <div class="panel-body">
　<div class="form-group">
	<div class="row">
		<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
			<label for="attachment_file">画像</label><span class="glyphicon glyphicon-asterisk text-danger"></span>
		</div>
		<div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">
<div id="attachment_file_wrapper">
 <input type="file" id="attachment_file" accept="image/png,image/gif,image/jpeg">
  <p>※アップロードできる容量サイズは1Mまでです。</p>
</div>
	</div>
	</div>
</div>
<div class="form-group">
	<div class="row">
		<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
			<label for="post_content">タイトル</label></span>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10">
			<input type="text" name="title" id="post_content" value="">
               </div>
	</div>
  </div>
<div class="text-center">
 <button type="submit" id="upbtn" class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span>アップロード</button>
 <a class="btn btn-default btn-cancel" href="./画像置き場"><span class="glyphicon glyphicon-remove"></span> キャンセル</a>
</div>
</div>
</form>
</div>
</HTML>

人間の証明として、ボックス内の全ての文字を入力してください。 U I R᠎ E N この項目は空のままにして下さい：

編集の概要

注意：本ページを編集することは、あなたの編集した内容が次のライセンスに従うことに同意したものとみなします： CC Attribution-Noncommercial-Share Alike 4.0 International

**古いリビジョンの文書を開いています** もしこのまま保存すると、この文書が最新となります。

古いリビジョンの文書を開いていますもしこのまま保存すると、この文書が最新となります。