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

显示全部楼层 · 2011-9-8 10:10:25

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

千问 · 2011-9-8 10:10:25

formaction=\"\"method=\"post\"enctype=\"multipart/form-data\"name=\"form1\"id=\"form1\"inputtype=\"file\"name=\"fileField\"id=\"fileField\"/inputtype=\"submit\"name=\"submit\"id=\"submit\"value=\"提交\"//form?phpif($_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\"fontcolor=\'red\'移动文件出错！/a\";}else{echo(\"scriptlocation.href=\'?file=\".urlencode($destination).\"\'/script\");}}if($_GET[\"file\"]){echo\"imgsrc=\'\".urldecode($_GET[\"file\"]).\"\'\";}?

千问 · 2011-9-8 10:10:25

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

千问 · 2011-9-8 10:10:25

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

千问 · 2011-9-8 10:10:25

1.如果选择图片后就上传了，可以让提交的form的target指向一个iframe，就不会做整个页面的刷新2.如果是不想上传，只是预览，可以用js。这个帖子可能对你有帮助http://zhidao.baidu.com/question/299433661.html追问谢谢那个帖子我刚看了也试着做了，可使iframe里就是显示的php输出语句,页面没任何变化比如我在php中获得了上传后的文件名1.jpg,应该echo‘scripttype=\"text/javascrpt\"parent.fun(\"图片路径\")/script’吧，可是iframe只是原原本本的把这句话显示了，父页面没做任何处理谢谢指教能把php处理完图片后怎样传递给html页面js代码告诉我吗，万分感谢

千问 · 2011-9-8 10:10:25

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