ajax上傳多圖到php服務(wù)器的方法

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 22:51:27

ajax上傳多圖到php服務(wù)器的方法

ajax上傳多圖到php服務(wù)器的方法:一般上傳圖片到服務(wù)器有兩種方式： 1、把圖片轉(zhuǎn)換成二進制直接存儲到數(shù)據(jù)庫里 2、把圖片存儲到本地目錄，并將圖片地址存儲到數(shù)據(jù)庫里先粗淺地談下我對這兩種存儲方法的優(yōu)劣點的認(rèn)識： 1、把圖片轉(zhuǎn)換成二進制直接存儲到數(shù)據(jù)庫的優(yōu)點是有利于數(shù)據(jù)的備份和遷移

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀ajax上傳多圖到php服務(wù)器的方法:一般上傳圖片到服務(wù)器有兩種方式： 1、把圖片轉(zhuǎn)換成二進制直接存儲到數(shù)據(jù)庫里 2、把圖片存儲到本地目錄，并將圖片地址存儲到數(shù)據(jù)庫里先粗淺地談下我對這兩種存儲方法的優(yōu)劣點的認(rèn)識： 1、把圖片轉(zhuǎn)換成二進制直接存儲到數(shù)據(jù)庫的優(yōu)點是有利于數(shù)據(jù)的備份和遷移

一般上傳圖片到服務(wù)器有兩種方式：

1、把圖片轉(zhuǎn)換成二進制直接存儲到數(shù)據(jù)庫里

2、把圖片存儲到本地目錄，并將圖片地址存儲到數(shù)據(jù)庫里

先粗淺地談下我對這兩種存儲方法的優(yōu)劣點的認(rèn)識：

1、把圖片轉(zhuǎn)換成二進制直接存儲到數(shù)據(jù)庫的優(yōu)點是有利于數(shù)據(jù)的備份和遷移，但缺點就是會影響數(shù)據(jù)讀寫速率。一般大圖、多圖不建議用此方式，一般存儲用戶頭像、富文本內(nèi)容存儲時可以應(yīng)用此方式。

2、將圖片存儲到本地目錄，在數(shù)據(jù)庫上只存儲圖片路徑的優(yōu)點是有利于數(shù)據(jù)的讀寫，畢竟存一個地址要比存整個圖片的大小要小得多。但是缺點就不利于數(shù)據(jù)的備份和遷移。

先介紹一下存儲圖片路徑的方法：

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="發(fā)布圖書" 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); 
?>

數(shù)據(jù)庫表我就不貼了，存圖片地址，字段類型直接用字符型就可以了。

現(xiàn)在在介紹一下把圖片轉(zhuǎn)換成二進制直接存進數(shù)據(jù)庫的方法：

這里我沒有用ajax請求，直接用表單的post 請求提交數(shù)據(jù)

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(); 
?>

這樣就把圖片轉(zhuǎn)換成二進制并儲存進數(shù)據(jù)庫了。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

ajax上傳多圖到php服務(wù)器的方法

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽：圖片上傳的方法

熱門焦點

ajax上傳多圖到php服務(wù)器的方法

ajax上傳多圖到php服務(wù)器的方法

ajax上傳多圖到php服務(wù)器的方法

最新推薦

猜你喜歡

熱門推薦