Php 图像上传后显示图像

Php 图像上传后显示图像,php,file-upload,Php,File Upload,我正在开发一个社交网站。在用户注册页面中,用户可以添加他的照片。我几乎不费吹灰之力就完成了这项工作。我的问题是,在单击表单末尾的提交按钮之前,我想显示用户上传到div的图像。我搜索了很多,但找不到正确的图像 我的html代码如下所示: <img src="<?php echo $row_picture;?>" name="picture" class="settingspic" width="75" height="91" alt="profile pic" name="p

我正在开发一个社交网站。在用户注册页面中,用户可以添加他的照片。我几乎不费吹灰之力就完成了这项工作。我的问题是,在单击表单末尾的提交按钮之前,我想显示用户上传到div的图像。我搜索了很多,但找不到正确的图像

我的html代码如下所示:

 <img src="<?php echo $row_picture;?>" name="picture" class="settingspic"  width="75" height="91" alt="profile pic" name="picture"/><a href="" onclick="return uploadimg()"> Upload</a></li>
 <input type="file" name="file" id="file" style="display:none;" />

您必须进行Ajax调用才能立即获取上传的图像


参考URL=>

这里有许多插件,我想它们中的大多数都会对您的项目有用


Jquery文件上传插件就是您想要的插件

这将有所帮助,因为在上面的插件中,正如您所问的“在提交表单之前,您希望在div中显示图像”,这个插件就是这样工作的


试试看

使用ajax立即显示您上传的图像@Pavan K我不会将图像路径名插入数据库,直到用户单击submit按钮我才知道,只需使用ajax上传图像并显示图像,还有一个插件供您使用。。就可以了。@Pavan K我明白了。有插件吗?@jenis这不是我需要的。我需要在用户上传图像时,在用户提交之前显示图像form@Anaz我怀疑你能做到。事实上,使用html表单简单地上传PHP和文件,直到您提交表单,文件才真正上传…@teh1 Ya,我知道。我的要求是在提交之前显示图像,就像facebook注册一样page@Anaz毫无疑问,您必须使用Ajax脚本,因为Facebook使用不同的方式上传图像(使用javascript). 你可以使用搜索引擎。。。
function uploadimg()
{
 var uploader = document.getElementById('file');
 uploader.click();
 return false;
}