上传图片form提交target到一个隐藏的iframe里,
代码如下 复制代码
form action=upload.php id=form1 name=form1 enctype=multipart/form-data method=post target=uploadiframe>
然后后台处理完上传图片逻辑后返回给前台,利用ajax修改当前页面dom对象实现无刷新上传图片的友好功能。
实例
代码如下 复制代码
a.html
上传文件:
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:
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=;
$(#msg).append(im);
}
upload.php
http://www.bkjia.com/phpjc/444678.htmlwww.bkjia.comtruehttp://www.bkjia.com/phpjc/444678.htmltecharticle要实现异步上传图片方法有常用的有二种,一种是利用iframe实现,另一种是借助于ajax来实现一般用第三方插件了。 上传图片form提交target到...