мне нужно загрузить изображение в папку с помощью PHP

мне нужно загрузить изображение в папку с помощью PHPмне нужно загрузить изображение в папку с помощью PHP

Я использую Cropit плагин Ссылки: http://scottcheng.github.io/cropit/

Вот мой код:

Jquery:

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

HTML и JQuery:

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

Сначала я представить изображение, чем я получил значение base64 в сНу идентификатор с помощью JQuery после этого я хочу, чтобы загрузить изменения размера изображения в папку с помощью PHP.

Advance Спасибо всем :)

источник

2017-01-22 Saiful Islam Sagor

Один из способов сделать это с помощью 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')); 
?>

источник

2017-01-22 07:46:40

мне нужно загрузить изображение в папку с помощью PHP

ответ

Смежные вопросы