我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

ajax如何上传多图到php服务器-创新互联

本篇内容介绍了“ajax如何上传多图到php服务器”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

“只有客户发展了,才有我们的生存与发展!”这是成都创新互联公司的服务宗旨!把网站当作互联网产品,产品思维更注重全局思维、需求分析和迭代思维,在网站建设中就是为了建设一个不仅审美在线,而且实用性极高的网站。创新互联对成都网站建设、成都网站设计、网站制作、网站开发、网页设计、网站优化、网络推广、探索永无止境。

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

1、把图片转换成二进制直接存储到数据库里

2、把图片存储到本地目录,并将图片地址存储到数据库里

先粗浅地谈下我对这两种存储方法的优劣点的认识:

1、把图片转换成二进制直接存储到数据库的优点是有利于数据的备份和迁移,但缺点就是会影响数据读写速率。一般大图、多图不建议用此方式,一般存储用户头像、富文本内容存储时可以应用此方式。

2、将图片存储到本地目录,在数据库上只存储图片路径的优点是有利于数据的读写,毕竟存一个地址要比存整个图片的大小要小得多。但是缺点就不利于数据的备份和迁移。

先介绍一下存储图片路径的方法:

html代码:

 
  
     
       
    
                    
                  
     

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 += '
';           result += '
';           result += '
' + json['photo1'];           result += '
' + json['photo2'];           $('#result').html(result);         }      });      return false;  }

php代码:photo.php

//注意要在目录下新建一个名为img的文件夹用来存放图片 
    $path3 = "img/" . $filename2; 
    if(move_uploaded_file($_FILES['photo1']['tmp_name'], $path2) && move_uploaded_file($_FILES['photo2']['tmp_name'], $path3) ){            
      $response['isSuccess'] = true;   
      $response['photo1'] = $path2;  
      $response['photo2'] = $path3;       
    }else{  
      $response['isSuccess'] = false;  
    }  
    echo json_encode($response); 
?>

数据库表我就不贴了,存图片地址,字段类型直接用字符型就可以了。

现在在介绍一下把图片转换成二进制直接存进数据库的方法:

这里我没有用ajax请求,直接用表单的post 请求提交数据

html代码:

 
  
    上传头像 
   

php代码:photo.php

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

“ajax如何上传多图到php服务器”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


文章名称:ajax如何上传多图到php服务器-创新互联
文章地址:http://shouzuofang.com/article/djejgh.html

其他资讯