0

我正在开发一个社交网站。在用户注册页面中,用户可以添加他的照片。我很轻松地做到了这一点。我的问题是我想将用户上传的图像显示到一个 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;
}
4

3 回答 3

1

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

参考网址 => http://www.finalwebsites.com/demos/php_ajax_upload_example.php

于 2013-01-09T06:19:16.647 回答
1

Jquery File Upload 插件是您想要的插件。

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

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

试试看

于 2013-01-09T06:48:15.147 回答
0

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

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

于 2013-01-09T06:22:45.207 回答