0
因此，我試圖製作一個表單將圖像上傳到服務器中的數據庫和文件夾。我無法弄清楚如何使用javascript將圖像數據發送到PHP文件。通過Javascript將圖像數據傳遞給PHP
我有以下的Javascript：
function FeedPost() {
$('#FeedResults').show();
document.getElementById('FeedResults').innerHTML = '<center><img src="img/Loading.gif" title="Loading" /></center>';
var post_text = document.getElementById('PostText').value;
var file = document.getElementById('PostImage').files[0];
var file_name = file.name;
var file_size = file.size;
var file_type = file.type;
var dataString = 'feed='+post_text+'&img_name='+file_name+'&img_size='+file_size+'&img_type='+file_type;
$.ajax({
type: "GET",
url: "post_feed.php?"+dataString,
dataType: "json",
success: function(data) {
for (var i in data) {
var entry = data[i];
var success = entry.results.success;
var message = entry.results.message;
}
document.getElementById('FeedResults').innerHTML = '<div class="ResultsText">'+message+'</div>';
}
});
}
在PHP我刪除了$ _FILE []編碼，以確保該文件變量在PHP中，他們所經歷的一切。
這裏的PHP代碼：
<?php
$feed_message = strip_tags(mysql_real_escape_string($_GET['feed']));
$img_name = strip_tags(mysql_real_escape_string($_GET['img_name']));
$img_size = strip_tags(mysql_real_escape_string($_GET['img_size']));
$img_type = strip_tags(mysql_real_escape_string($_GET['img_type']));
$folder="img/uploads/";
// new file size in KB
$new_size = $img_size/1024;
// new file size in KB
// make file name in lower case
$new_file_name = strtolower($img_name);
// make file name in lower case
$final_file=str_replace(' ','-',$new_file_name);
$img_output = $final_file.''.$img_type;
// Checking post Variables
if($img_size == 0) {
if(strlen($feed_message) < 3) {
$message = 'Post Too Short';
$results = ['success' => false, 'message' => $message];
}
else {
$message = 'Post Successful!';
$results = ['success' => true, 'message' => $message];
$insert = mysql_query("INSERT INTO feed(user,message,img,time) values ('$id','$feed_message','NULL','".time()."')");
}
}
// Post has an image attached
else {
if(strlen($feed_message) < 3) {
$message = 'Post Too Short';
$results = ['success' => false, 'message' => $message];
}
else {
move_uploaded_file($final_file,$folder);
$insert = mysql_query("INSERT INTO feed (user,message,img) values ('$id','$feed_message','$img_output','".time()."')");
$message = 'Image Posted!';
$results = ['success' => true, 'message' => $message];
}
}
$data[] = ['results' => $results];
echo json_encode($data);
?>
輸出網址是：post_feed.php飼料=測試.... & img_name =奇才-Khalifa.jpg & img_size = 271330 & img_type =圖像/ JPEG
而且PHP輸出如下：[{ 「結果」：{ 「成功」：真實的， 「消息」： 「圖像發佈！」}}]
添加HTML：
<form action="javascript:void;" method="post" enctype="multipart/form-data">
<input type="text" id="PostText" placeholder="Message" />
<input type="file" name="file" id="PostImage" />
<input type="submit" value="Submit" class="LoginButton" onClick="FeedPost()" />
<input type="reset" value="Reset" class="LoginButton" />
</form>
警告的mysql_query，mysql_fetch_array，的mysql_connect等擴展在PHP 5.5.0被棄用，並且它是在PHP 7.0.0中刪除。相反，應該使用MySQLi或PDO_MySQL擴展。 – Melchizedek
@Glide謝謝你幫我解決這個問題。我已經知道，我很想學習MySQLi的功能，但是我全職工作，沒有足夠的時間來完成這項工作。 –
上傳時使用tmp_name而不是img_name – Beginner