Taille d'image montrant zéro octet après le téléchargement sur le serveur en utilisant php

J'utilise croppie plugin pour recadrer l'image qui fonctionne parfaitement. L'image a été stockée dans mon dossier et la taille de l'image montre zéro octet.Il fonctionne parfaitement sur localhost mais ne fonctionne pas sur le serveur. Voudriez-vous m'aider dans cela?Taille d'image montrant zéro octet après le téléchargement sur le serveur en utilisant php

<form action="process.php" id="form" method="post"> 
<div id="upload-demo"></div> 
<input type="hidden" id="imagebase64" name="imagebase64"> 
<input type="submit" name="submit" value="save" class="upload-result"> 
</form> 
    if(isset($_POST['submit'])){ 
      $data = $_POST['imagebase64']; 
      list($type, $data) = explode(';', $data); 
      list(, $data)  = explode(',', $data); 
      $data = base64_decode($data); 
      $imageName = time().'.png'; 
      file_put_contents('images/profile/'.$imageName, $data); 
      // echo $imageName; 
     }

Source

2017-01-23 Narendra Verma

Ceci est un fichier de travail. Cela peut vous aider.

<?php 
if(isset($_POST['imagebase64'])){ 
    $data = $_POST['imagebase64']; 

    list($type, $data) = explode(';', $data); 
    list(, $data)  = explode(',', $data); 
    $data = base64_decode($data); 

    file_put_contents('image64.png', $data); 
} 
?> 
<!DOCTYPE html> 
<html lang="pt-br"> 
<head> 
<meta charset="utf-8"> 
<title>Test</title> 
<link href="croppie.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="jquery-1.11.3.min.js"></script> 
<script type="text/javascript" src="croppie.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
var $uploadCrop; 

function readFile(input) { 
    if (input.files && input.files[0]) { 
     var reader = new FileReader();   
     reader.onload = function (e) { 
      $uploadCrop.croppie('bind', { 
       url: e.target.result 
      }); 
      $('.upload-demo').addClass('ready'); 
     }   
     reader.readAsDataURL(input.files[0]); 
    } 
} 

$uploadCrop = $('#upload-demo').croppie({ 
    viewport: { 
     width: 200, 
     height: 200, 
     type: 'circle' 
    }, 
    boundary: { 
     width: 300, 
     height: 300 
    } 
}); 

$('#upload').on('change', function() { readFile(this); }); 
$('.upload-result').on('click', function (ev) { 
    $uploadCrop.croppie('result', { 
     type: 'canvas', 
     size: 'original' 
    }).then(function (resp) { 
     $('#imagebase64').val(resp); 
     $('#form').submit(); 
    }); 
}); 

}); 
</script> 
</head> 
<body> 
<form action="process.php" id="form" method="post"> 
<input type="file" id="upload" value="Choose a file"> 
<div id="upload-demo"></div> 
<input type="hidden" id="imagebase64" name="imagebase64"> 
<a href="#" class="upload-result">Send</a> 
</form> 
</body> 
</html>

Source

2017-02-02 07:01:46 acmsohail

Merci pour la réponse Mr.acmsohail, Il travaille pour me.upvote de mon côté –

@NarendraVerma bienvenue à tout moment :) – acmsohail

Taille d'image montrant zéro octet après le téléchargement sur le serveur en utilisant php

Répondre

Questions connexes