php&jquery立即上传图像并预览显示

Question

我期待创建一个用户可以浏览的上传模块,点击打开,它将立即显示该图像的预览,而无需单击提交按钮,以便用户可以继续键入其他信息.

我已经完成了一个简单但不完整的jquery,它基本上捕获了图像名称.但我的问题是如何将上传图像发布到php脚本,因为POST没有提交按钮？我无法捕获$ _FILES数组值.

jQuery的:

$(document).ready(function() {
  $("#uploadimage").change(function() {
      var imagesrc = $("#uploadimage").val();
      $.post("/script/ajax_uploadimage.php", $("#formuploadimage").serialize(),
      function(data){
        //do something here
      },"json");
  });
});

HTML格式:

<form name="formuploadimage" enctype="multipart/form-data" action="/upload.php" method="POST">
    <table> 
        <tr><td>Image: </td><td><div id="imagepreview"></div></td></tr> 
        <tr><td>Upload a photo: </td><td><input type="file" name="uploadimage" id="uploadimage" /></td></tr>
    </table> 
</form>

我已经看到了上传可以做什么,但我想自己创建一个.

问候

Answer 1

最近我看到了一篇关于jQuery解决方案的文章:

Zurb游乐场:"图像上传,减少100%.保证."

我会在这里重写它,但不要因为它是多余的.