Question

php 图片上传预览功能怎么实现

想实现图片上传预览功能 网上查了两种方法
1 纯js实现 IE支持的很好 firefox只获得图片名 不能获得全路径,所以这种方法在实际开发中可能用的很少,如果能用这种方法实现，还望指点迷津
2 php 上传后 再预览 在网上查了资料，介绍的很模糊
一种方法是html ,js,php代码混写，图片上传后刷新整个页面浏览，方法简单但不实用
另一种方法 也是个人认为很好的，网上资料：
加入隐藏iframe ,php完成上传后，将图片名（还有的说 传递一个js函数？？迷惑-如何传递）传递给前台js,js再处理图片显示
本人就是这里看不懂，问题如下：
（1）php 能直接输出js脚本给iframe吗？
（2）如果（1）成立，iframe 下一步该如何操作，使图片能在网页中显示
说明 我用框架做的 php,html,js都是单独的文件
附图片如下 如本人说的不明白，尽可提问，谢谢

Answer 1

<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<input type="file" name="fileField" id="fileField" />
<input type="submit" name="submit" id="submit" value="提交" />
</form>
<?php
if($_POST["submit"])
{
$file_gai = $_FILES["fileField"];$filename_gai=$file_gai["tmp_name"];
$destination = basename($file_gai["name"]);
if(!move_uploaded_file ($filename_gai, $destination))
{
echo "<font color='red'>移动文件出错！</a>";
}else{
echo ("<script>location.href='?file=".urlencode($destination)."'</script>");
}
}if($_GET["file"])
{
echo "<img src='".urldecode($_GET["file"])."'>";
}
?>

Answer 2

http://demo.swfupload.org/v220/simpledemo/index.php //flash按钮上传,比较推荐
http://jquery.malsup.com/form/#file-upload //jquery插件,做得也很不错.
上面两个都是异步上传图片的, 上传成功后会触发一个事件并返回你输出的内容(图片地址),
你可以在这个触发的事件里把图片地址设置到img里显示就行了

Answer 3

1.如果选择图片后就上传了，可以让提交的form 的target指向一个iframe，就不会做整个页面的刷新
2.如果是不想上传，只是预览，可以用js。

这个帖子可能对你有帮助
http://zhidao.baidu.com/question/299433661.html

追问

谢谢 那个帖子我刚看了 也试着做了 ，可使iframe 里就是显示的php输出语句,页面没任何变化
比如 我在php中 获得了 上传后的文件名 1.jpg,
应该 echo ‘parent.fun("图片路径")’吧，
可是iframe 只是原原本本的 把这句话显示了，父页面没做任何处理
谢谢指教 能把php处理完图片后 怎样传递给html 页面js代码 告诉我吗，万分感谢

追答

这个很好弄，你加我百度hi聊

Answer 4

这个我在IE8中用js无法获得图片的路径了，获得的路径变成c:\fakepath\图片名。