ajax上传多图到php服务器的方法

网络编程 发布日期:2024/10/22 浏览次数:1

正在浏览:ajax上传多图到php服务器的方法

一般上传图片到服务器有两种方式:

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="/UploadFiles/2021-04-02/' + json['photo1'] + '">

php代码:photo.php

<"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); 
"htmlcode">
<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

<"insert into user(photo) values('".$image."')";        
  @mysql_query($sqlstr) or die(mysql_error());   
  exit();        
?> 

这样就把图片转换成二进制并储存进数据库了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?