ajax上传多图到php服务器的方法
(编辑：jimmy 日期: 2024/11/28 浏览：3 次 )
一般上传图片到服务器有两种方式：
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();
?>
这样就把图片转换成二进制并储存进数据库了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：json获取数据库的信息在前端页面显示方法
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。