2016-08-22 3 views
0

divから作成した画像をアップロードする方法に関する回答を得ようとしています。私はイメージへのdivを作成するコードを持っています。今私はユニークなファイル名で提出してアップロードする必要がある私のデータベースフォルダにそのイメージをアップロードする方法を知る必要があります。最も懸念されるのは、投稿時にアップロードする方法です。通常の画像ファイルをアップロードするために同じコードを使用してdivの画像をアップロードすることは可能でしょうか?提出時にdivに画像をアップロードする

$(document).ready(function(){ 
 

 
\t 
 
var element = $("#firstshirt"); // global variable 
 
var getCanvas; // global variable 
 
    
 
    $("#btn-Preview-Image").on('click', function() { 
 
     html2canvas(element, { 
 
     onrendered: function (canvas) { 
 
       $("#previewImage").append(canvas); 
 
       getCanvas = canvas; 
 
      } 
 
     }); 
 
    }); 
 

 
\t $("#btn-Convert-Html2Image").on('click', function() { 
 
    var imgageData = getCanvas.toDataURL("image/png"); 
 
    // Now browser starts downloading it instead of just showing it 
 
    var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream"); 
 
    $("#btn-Convert-Html2Image").attr("download", "your_pic_name.png").attr("href", newData); 
 
\t }); 
 

 
});
<center><input id="btn-Preview-Image" type="button" value="Preview"/> 
 
    <button type="button" id="btn-Convert-Html2Image" href="#">Download</button> 
 
    <br/> 
 
    
 
</center> 
 
<center><input type="submit" name="submit" value="Next" /></center>
が、これは私のアップロード画像のphp
<?php 
 
require_once("configur.php"); 
 
\t 
 

 
$query='UPDATE profile_table SET images="'.$_FILES['file']['name'].'" 
 
WHERE email= "'.$_SESSION['email'].'"'; 
 

 
if ($mysqli->query($query) === TRUE) { 
 
    echo "Record updated successfully"; 
 
} else { 
 
    echo "Error updating record: " . $conn->error; 
 
} 
 

 
$mysqli->close(); 
 
?> 
 

 

 
<?php 
 

 
include('configur.php'); 
 
if($_POST) 
 
{ 
 
// $_FILES["file"]["error"] is HTTP File Upload variables $_FILES["file"] "file" is the name of input field you have in form tag. 
 

 
    
 

 
if ($_FILES["file"]["error"] > 0) 
 
{ 
 
// if there is error in file uploading 
 
echo "Return Code: " . $_FILES["file"]["error"] . "<br />"; 
 

 
    
 

 
} 
 
else 
 
{ 
 
// check if file already exit in "images" folder. 
 
if (file_exists("upload/" . $_FILES["file"]["name"])) 
 
{ 
 
    
 
} 
 
else 
 
{ //move_uploaded_file function will upload your image. 
 
if(move_uploaded_file($_FILES["file"]["tmp_name"],"upload/" . $_FILES["file"]["name"])) 
 
{ 
 
// If file has uploaded successfully, store its name in data base 
 
$query_image = "insert into profile_table"; 
 
    
 
if(mysqli_query($link, $query_image)) 
 
{ 
 
echo "Stored in: " . "upload/" . $_FILES["file"]["name"]; 
 
} 
 
else 
 
{ 
 
echo''; 
 
} 
 
} 
 
} 
 

 
    
 

 

 
} 
 
} 
 

 

 
?>

答えて

0

"insert into profile_table"が(あるいは、少なくとも文句を言わない何かを変更)、私は最後まで
$query='UPDATE profile_table SET images="'.$_FILES['file']['name'].'" WHERE email= "'.$_SESSION['email'].'"'; を移動するのMySQL有効ではありませんですファイルの下にある句が正常にアップロードされ、そのパスがデータベースに保存されます(変更images="'.$_FILES['file']['name'].'"images="'upload/.$_FILES['file']['name'].'"')。ファイルにアクセスするには、データベースに問い合わせて、別のPHPスクリプトを通してストリームを返すことができるようになりました。

関連する問題