2017-01-22 3 views
0

을 사용하여 폴더에 이미지를 업로드 할 필요나는 내가 Cropit 플러그인 링크를 사용 <p>PHP</p>을 사용하여 폴더에 이미지를 업로드 할 필요가 PHP

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<script src="pro_pic_crop_mobile/jquery.cropit.js"></script> 

CSS :

<style> 
    .cropit-preview { 
    background-color: #f8f8f8; 
    background-size: cover; 
    border: 1px solid #ccc; 
    border-radius: 3px; 
    margin-top: 7px; 
    width: 436px; 
     height: 580px; 
    } 

    .cropit-preview-image-container { 
    cursor: move; 
    } 

    .image-size-label { 
    margin-top: 10px; 
    } 

    input { 
    display: block; 
    } 

    button[type="submit"] { 
    margin-top: 10px; 
    } 

    #result { 
    margin-top: 10px; 
    width: 900px; 
    } 

    #result-data { 
    display: block; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    word-wrap: break-word; 
    } 
</style> 
012 3,516,

HTML 및 JQUERY : 내가 PHP를 사용하여 폴더에 크기가 조정 된 이미지를 업로드 할 그 후 jQuery를 사용하여 사업부 아이디로 base64로 값을 가지고보다

<div align="center"> 

<form id="img" name="img" method="post" action="#" enctype="multipart/form-data"> 
    <div class="image-editor"> 
    <input type="file" class="cropit-image-input"> 
    <div class="cropit-preview"></div> 
    <div class="image-size-label"> 
     Resize image 
    </div> 
    <input type="range" class="cropit-image-zoom-input"> 
    <input type="hidden" name="image-data" class="hidden-image-data" /> 

    <input name="submit" type="submit" value="Submit" /> 
    </div> 
</form> 

<div id="result"> 
    <code>$form.serialize() =</code> 
    <code id="result-data"></code> 

</div> 


</div> 


<script> 
    $(function() { 
    $('.image-editor').cropit(); 

    $('form').submit(function() { 
     // Move cropped image data to hidden input 
     var imageData = $('.image-editor').cropit('export'); 
     $('.hidden-image-data').val(imageData); 

     // Print HTTP request params 
     var formValue = $(this).serialize(); 
     $('#result-data').text(formValue); 

     // Prevent the form from actually submitting 
     return false; 
    }); 
    }); 
</script> 

먼저 나는 이미지를 제출합니다. 모든 :)

답변

0

한 가지 방법에

사전 감사는 Document Object Model

<?php 
$randomDiv = 
      "<div id='myId' class='myClass'> 
       //inner elements 
      </div>"; 

$documentObj = new DOMDocument(); 
$documentObj->loadHtml($randomDiv); 
$elementObj = $documentObj->getElementsByClassName('myClass'); 
echo($elementObj[0]->getAttribute('id')); 
?> 
을 사용하는 것입니다해야 할 일