ajax 게시물을 사용하여 localstore에서 mysql로 ​​이미지 전송

Question

javascript로 localstore에 저장된 사진을 보내려고하지만이를 가져 와서 표시 할 수 없습니다.

자바 부 :

liste['pic'] = localStorage['pic']; 

      $.ajax({ 
       type: "POST", 
       url: "save.php", 
       data: { pic : liste['pic'] }, 
       dataType: "json", 
       success: function(data) { 
        if(data) { 
         alert("Picture sent succesfully"); 
        } 
       } 
       }); 

데이터를받는 PHP 부 다음 그림을 도시

require "lib/connect.php"; 
$pic = $_POST['pic']; 
$insert_query = "INSERT INTO liste (`pic`) VALUES ('".$pic."');"; 
$result = mysql_query($insert_query); 

PHP는 부품. 테이블에 뭔가가 있지만 BLOB이기 때문에 올바른 데이터가 있는지 확인할 수 없습니다.

$select_query = "Select `pic` From liste;"; 
$result = $dbhandle->query($select_query); 

echo "<table border='1'> 
<tr> 
<th>Image</th> 
</tr>"; 

while($row = mysqli_fetch_array($result)) 
    { 
    echo "<tr>"; 
    echo "<td><img src=\"" . $row['pic'] . "\" width=\"200\"/><br/><br/></td>"; 
    echo "</tr>"; 
    } 
echo "</table>"; 
$result->closeCursor(); 
mysqli_close($dbhandle); 

다음으로부터 나는 깨진 이미지를 얻습니다. 누락 된 부분은 무엇입니까? 텍스트가 작동하지만 이미지가 아닌 이유는 무엇입니까?

Answer 1

json에서 POST까지 인코딩 된 값을 보낼 때 이러한 값은 $_POST 변수에 없습니다.

POST 변수에 값을 지정하는 유일한 방법은 application/x-www-form-urlencoded 및 multipart/form-data을 사용하는 것입니다.

다른 콘텐츠 유형을 사용하려면 실제로 'php://input'을 사용해야합니다.

예컨대

$data = json_decode(file_get_contents('php://input'), true); 
$text = print_r($data, true); 

그러면 이미지 데이터가 포함 된 배열이 표시됩니다.