要实现异步上传图片方法有常用的有二种,一种是利用iframe实现,另一种是借助于ajax来实现一般用第三方插件了。
上传图片form提交target到一个隐藏的iframe里,
然后后台处理完上传图片逻辑后返回给前台,利用ajax修改当前页面DOM对象实现无刷新上传图片的友好功能。
实例
PHP代码:
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:
图片异步上传 index.js $(function(){ $("#upload_file").change(function(){ $("#uploadFrom").submit(); });}); function stopSend(str){ var im=""; $("#msg").append(im); }
upload.php



