• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

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

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

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

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

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

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

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

    先粗淺地談下我對(duì)這兩種存儲(chǔ)方法的優(yōu)劣點(diǎn)的認(rèn)識(shí):

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

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

    先介紹一下存儲(chǔ)圖片路徑的方法:

    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請(qǐng)求:

    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;">//注意要在目錄下新建一個(gè)名為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ù)庫(kù)表我就不貼了,存圖片地址,字段類型直接用字符型就可以了。

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

    這里我沒有用ajax請(qǐng)求,直接用表單的post 請(qǐng)求提交數(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)換成二進(jìn)制并儲(chǔ)存進(jìn)數(shù)據(jù)庫(kù)了。

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

    文檔

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

    ajax上傳多圖到php服務(wù)器的方法:一般上傳圖片到服務(wù)器有兩種方式: 1、把圖片轉(zhuǎn)換成二進(jìn)制直接存儲(chǔ)到數(shù)據(jù)庫(kù)里 2、把圖片存儲(chǔ)到本地目錄,并將圖片地址存儲(chǔ)到數(shù)據(jù)庫(kù)里 先粗淺地談下我對(duì)這兩種存儲(chǔ)方法的優(yōu)劣點(diǎn)的認(rèn)識(shí): 1、把圖片轉(zhuǎn)換成二進(jìn)制直接存儲(chǔ)到數(shù)據(jù)庫(kù)的優(yōu)點(diǎn)是有利于數(shù)據(jù)的備份和遷移
    推薦度:
    標(biāo)簽: 圖片 上傳 的方法
    • 熱門焦點(diǎn)

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 久久99精品久久久久久久久久| 亚洲精品欧美二区三区中文字幕| 久热精品视频第一页| 久久成人国产精品| 欧美午夜精品久久久久久浪潮| 亚洲国产综合91精品麻豆| 日韩精品国产另类专区| 久久久久一级精品亚洲国产成人综合AV区 | 亚洲精品无码av人在线观看| 国产亚州精品女人久久久久久| 久久精品国产福利国产秒| 国内精品久久久久伊人av| 四虎国产精品永久在线观看| 亚洲第一永久AV网站久久精品男人的天堂AV | 国产一区二区精品尤物| 午夜精品美女自拍福到在线| 91精品国产综合久久精品| 精品人伦一区二区三区潘金莲| 亚洲AV无码久久精品色欲| 亚洲精品综合久久| 中文精品99久久国产| 亚洲一区精品伊人久久伊人| 日韩精品无码Av一区二区| 九九久久精品无码专区| 国产在线精品观看免费观看| 国产精品国产欧美综合一区| 国产精品videossex白浆| 国产VA免费精品高清在线| 国产AV国片精品一区二区| 国产精品成人一区二区| 国产福利精品视频自拍 | 亚洲国产精品久久66| 四虎国产精品免费久久久| 66精品综合久久久久久久| 99久久精品国产一区二区蜜芽| 影音先锋国产精品国语对白| 91精品国产91热久久久久福利| 97精品在线播放| 国产精品免费观看视频| 精品无码人妻一区二区三区不卡| 久久久久久久久久久免费精品|