欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

php 异步上传图片几种方法总结

程序员文章站 2024-01-21 20:07:46
...
要实现异步上传图片方法有常用的有二种,一种是利用iframe实现,另一种是借助于ajax来实现一般用第三方插件了。

上传图片form提交target到一个隐藏的iframe里,

代码如下 复制代码

form action="upload.php" id="form1" name="form1" enctype="multipart/form-data" method="post" target="uploadIframe">


然后后台处理完上传图片逻辑后返回给前台,利用ajax修改当前页面DOM对象实现无刷新上传图片的友好功能。

实例

代码如下 复制代码

a.html





PHP代码:

代码如下 复制代码
if ($_FILES["test_file"]["error"] > 0)
{
echo "Error: " . $_FILES["test_file"]["error"] . "
";
}
else
{
//这里的判断图片属性的方法就不写了。自己扩展一下。
$filetype=strrchr($_FILES["test_file"]["name"],".");
$filetype=substr($filetype,1,strlen($filetype));
$filename="img/".time("YmdHis").".".$filetype;
move_uploaded_file($_FILES["test_file"]["tmp_name"],$filename);
echo '';
$return="parent.document.getElementByIdx_x('mpic".$pageset_id."').innerHTML='".$dataimgpath."'";
echo "";
echo "";
}
?>

其实jquery ajax图片异步上传

HTML:

br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


图片异步上传














index.js

$(function(){
$("#upload_file").change(function(){
$("#uploadFrom").submit();
});
});


function stopSend(str){
var im="php 异步上传图片几种方法总结";
$("#msg").append(im);

}

upload.php

$file=$_FILES['upfile'];
$name=rand(0,500000).dechex(rand(0,10000)).".jpg";
move_uploaded_file($file['tmp_name'],"upload/images/".$name);

//调用iframe父窗口的js 函数

echo "";
?>