Wapegocode Bnduongdz nè cho rôi đừng niếm đá nhé

<div class="adjust-content">
<div><style>
  .box-trap{
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    border-top-color: #c2c2c2;
    box-shadow: inset 0 1px rgba(0,0,0,0.05), 0 1px rgba(255,255,255,0.5);
    margin: 0px 15px;
    overflow: hidden;
  }
  .form_step{
    background: #e6ecee;
    color: #303030;
    text-shadow: 0px 1px 0px #fff;
    text-align: left;
    padding-bottom: 10px;
  }
  .form_step .step{
    border-top: 1px solid #bcbcbc;
  }
  .form_step .stext {
    padding: 7px 15px 3px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .hide{
    display: none;
  }
  .suggest {
    padding: 7px 15px;
    border-radius: 4px;
    font-size: 12px;
  }
  .comment-text{
    color: #000;
  }
  .suggest a{
    border: 1px solid;
    text-shadow: none;
    padding: 5px;
    display: inline-block;
    line-height: 10px;
    margin-right: 10px;
    text-transform: uppercase;
  }
  .suggest a.confirm {
    background: #cced9f;
    border-color: #78d580 #3dcc48 #6dd542;
    color: #428b00;
  }
  .suggest a.reset{
    background: #ed9f9f;
    border-color: #d57878 #cc3d3d #d54242;
    color: #8b0000;
  }
  .waiting-upload {
    background: #fff;
    padding: 7px 15px;
    border-top: 1px solid #eee;
  }
 
  .input-choose, .input{
    padding: 3px 7px;
  }
  .input-choose input{
    margin: 0px!important;
    width: 100%;
    box-sizing: border-box;
    border: 0px!important;
  }
  .sview {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
  }
  .step-git {
    background: #eee;
    margin: 7px;
    border: 1px solid #aaa;
  }
  .step-git .image{
    padding: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .step-git img{
    max-width: 40px;
  }
  .step-texts {
    width: calc(100% - 60px);
    display: inline-block;
    padding: 10px 10px 10px 0px;
    box-sizing: border-box;
    vertical-align: top;
  }
</style>
<form id="upload_read">
  <div class="title-v2"></div></div>
  <div class="form_step">
    <div class="step" id="step1">
      <input type="hidden" id="url_image">
      <div class="stext">BƯỚC 1: Chọn têp hình ảnh</div>
      <div class="box-trap">
        <div class="input-choose"><input type="file" id="choose_image" accept="image/*"></div><div class="hide waiting-upload">Đang tải ảnh lên ...</div>
      </div>
    </div>
    <div class="step hide" id="step2">
      <div class="stext">BƯỚC 2: Ảnh đã chọn</div>
      <div class="box-trap">
        <div class="sview">
          <img src="" id="preview">
        </div>
        <div class="suggest">
          <div class="comment-text">Bạn có chắc chắn chia sẻ ảnh này chứ?</div>
          <a href="javascript:" class="confirm">Đồng ý</a> <a href="/main.php?f=3640138" class="reset">Làm lại</a>
        </div>
      </div>
    </div>
    <div class="step hide" id="step3">
      <div class="stext">BƯỚC 3: Nhập tiêu đề cho hình ảnh</div>
      <div class="box-trap">
        <div class="step-git"><div class="image"><img src=""></div><div class="step-texts">Tập tin đã đính kèm<br>Kích thước: <span class="size">0 kb</span></div></div>
        <div class="input"><input type="text" class="input-text" placeholder="Nhập nội dung..." maxlength="50" id="title_image">
          <input type="submit" value="Chia sẻ nội dung"></div>
      </div>
    </div>
  </div>
</form>
 
<script>
  $("#choose_image").change(function() {
    var reader = new FileReader();
    reader.onload = function(e) {
      $('.waiting-upload').removeClass('hide');
      var data = e.target.result.substr(e.target.result.indexOf(",") + 1, e.target.result.length);
      $.ajax({
        url: 'https://api.imgur.com/3/image',
        headers: {
          'Authorization': 'Client-ID ead6e1a75a4eaf3'
        },
        type: 'POST',
        data: {
          'image': data,
          'type': 'base64'
        },
        success: function(response) {
          $('#url_image').val(response.data.link);
          $('.size').text(Math.round(response.data.size/1024)+'Kb');
          $('#preview, .step-git img').attr('src',response.data.link).load(function(){
            $('#step1').addClass('hide');
            $('#step2').removeClass('hide');
            $('.suggest .confirm').on("click",function(){
              $('#step2').addClass('hide');
              $('#step3').removeClass('hide');
            })
          });
        }, error: function() {
          console.log('error');
        }
      });
    };
    reader.readAsDataURL(this.files[0]);
  });
  $('#upload_read').submit(function(){
    if($('#url_image').val() && $('#title_image').val()){
      $.post('main.php?id=ch_topic_h&uid=255273',{text: $('#title_image').val()+'[scimg]'+$('#url_image').val()+'[split-image]'},function(){
        location.href='/';
      })
    }else{
      alert('Nhập đầy đủ các thông tin.');
    }
    return false;
  })
</script><div></div>