图像上传后显示图像

Question

我正在开发一个社交网站。在用户注册页面中，用户可以添加他的照片。我已经做了很少的努力。我的问题是我想要显示用户上传的图像到了一个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;" />

我的jasvascript代码是：

function uploadimg()
{
 var uploader = document.getElementById('file');
 uploader.click();
 return false;
}

Answer 1

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

参考网址=＆gt; http://www.finalwebsites.com/demos/php_ajax_upload_example.php

Answer 2

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

http://blueimp.github.com/jQuery-File-Upload/

这将有所帮助，因为在上面的插件中你提到“在提交表单之前你想在div中显示图像”这个插件以这种方式工作。

试一试

Answer 3

这里有很多插件，我想其中大部分都对你的项目很有用

http://www.jquery4u.com/plugins/10-jquery-ajax-file-uploader-plugins/