如何获取所选图像并使用jquery ajax在同一页面上显示它

Question

我想在不刷新页面的情况下在同一页面上显示上传的图像。

<form action='xyz.php' method='post' enctype='multipart/form-data'>
<input type='file' name='image' id='image'>
<input type='submit' name='ok' id='ok' value='upload'>
</form>

<div id='uploadedImage'></div>    

<script>

$(document).ready(function(){

    $('#ok').click(function (e) {
         e.preventDefault();
         // then should be the jquery ajax call and response ?
         // help with this code . 

    });

});
</script>

Answer 1

查看this jQuery File Upload plugin。

Answer 2

通过标准意味着你不能（你可以，但是用两个词来说，你必须用隐藏输入和显示按钮来编写许多代码）。但是你可以使用几个好的插件。您可以查看https://github.com/valums/file-uploader。它是开放代码，因此您既可以使用它，也可以查看如何实现ajax上传