一般上傳圖片到服務器有兩種方式：
1、把圖片轉換成二進制直接存儲到數據庫里
2、把圖片存儲到本地目錄，并將圖片地址存儲到數據庫里
先粗淺地談下我對這兩種存儲方法的優劣點的認識：
1、把圖片轉換成二進制直接存儲到數據庫的優點是有利于數據的備份和遷移，但缺點就是會影響數據讀寫速率。一般大圖、多圖不建議用此方式，一般存儲用戶頭像、富文本內容存儲時可以應用此方式。
2、將圖片存儲到本地目錄，在數據庫上只存儲圖片路徑的優點是有利于數據的讀寫，畢竟存一個地址要比存整個圖片的大小要小得多。但是缺點就不利于數據的備份和遷移。
先介紹一下存儲圖片路徑的方法：
html代碼：
form id="form1">
span style="white-space:pre;"> /span>div class="bookImg">
div class="img-box">
input type="file" name="photo1" id="" title="文件不超過200kb,大小最佳為60*60">
/div>
div class="img-box">
input type="file" name="photo2" id="" title="文件不超過200kb,大小最佳為60*60">
/div>
/div>
input type="button" class="bookBtn btnBlue" id="publishBook" value="發布圖書" onclick="fsubmit()"/>
/form>
ajax請求：
function fsubmit() {
var form1=document.getElementById("form1");
var fd =new FormData(form1);
$.ajax({
url: "photo.php",
type: "POST",
data: fd,
processData: false,
contentType: false,
success: function(response,status,xhr){
console.log(xhr);
var json=$.parseJSON(response);
var result = '';
result += 'br/>img src="' + json['photo1'] + '" height="100" />';
result += 'br/>img src="' + json['photo2'] + '" height="100" />';
result += 'br/>' + json['photo1'];
result += 'br/>' + json['photo2'];
$('#result').html(result);
}
});
return false;
}
php代碼：photo.php
?php
require('conn.php');
$nameTag = time();
$filename1 = $nameTag . '0' . substr($_FILES['photo1']['name'], strrpos($_FILES['photo1']['name'],'.'));
$filename2 = $nameTag . '1' . substr($_FILES['photo2']['name'], strrpos($_FILES['photo2']['name'],'.'));
$response = array();
$path1 = "img/" . $filename1; span style="color:#ff0000;">//注意要在目錄下新建一個名為img的文件夾用來存放圖片
$path2 = "img/" . $filename2;
if(move_uploaded_file($_FILES['photo1']['tmp_name'], $path1) move_uploaded_file($_FILES['photo2']['tmp_name'], $path2) ){
$response['isSuccess'] = true;
$response['photo1'] = $path1;
$response['photo2'] = $path2;
}else{
$response['isSuccess'] = false;
}
echo json_encode($response);
?>
數據庫表我就不貼了，存圖片地址，字段類型直接用字符型就可以了。
現在在介紹一下把圖片轉換成二進制直接存進數據庫的方法：
這里我沒有用ajax請求，直接用表單的post 請求提交數據
html代碼：
form action="photo.php">
span style="white-space:pre;"> /span>div class="pic">
input type="file" name="photo" id="" title="文件不超過200kb,大小最佳為60*60" onchange="imgPreview(this)">上傳頭像
/div>
/form>
php代碼：photo.php
?php
require('conn.php');
$image = mysql_real_escape_string(file_get_contents($_FILES['photo']['tmp_name']));
$sqlstr = "insert into user(photo) values('".$image."')";
@mysql_query($sqlstr) or die(mysql_error());
exit();
?>
這樣就把圖片轉換成二進制并儲存進數據庫了。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:- ajax實現異步文件或圖片上傳功能
- 基于ajax實現文件上傳并顯示進度條
- 利用ajaxfileupload插件實現文件上傳無刷新的具體方法
- 使用ajaxfileupload.js實現ajax上傳文件php版
- ajaxFileUpload.js插件支持多文件上傳的方法
- ajax(iframe)無刷新提交表單、上傳文件
- ajax 文件上傳應用簡單實現
- AJAX和JSP實現的基于WEB的文件上傳的進度控制代碼
- Ajax方式提交帶文件上傳的表單及隱藏iframe應用
