使用Jquery上传图片

Question

我有这段Html代码，我尝试将我的记录保存在数据库中

<div> 
     <p> Item Name : 
      <input type = 'text' id = 'ItemName' />  
     </p>
     <p> select Image : 
      <input type = 'file' id = 'Image' />
      </p>
     <input type='button' id ='btnSaveItem'>Save </input> 

 </div>

如何使用Jquery和PHP上传图片并保存？我还没有找到上传图像的Jquery方法，但我需要在不刷新页面的情况下做到这一点。

Answer 1

通常你不能通过Ajax上传图片，你需要解决办法。

我使用这个jquery插件，它很容易使用，您几乎不需要编写任何代码：http://malsup.com/jquery/form/

Answer 2

我不确定这是否可行，但在我看来就像其他的jquery post - seems refresh :)将名字放在所需字段中，而不仅仅是id字段，然后通过jquery将所需数据发布到特定的.php页面，并在那里建立您的上传逻辑。对应关系将在jquery和.php页面之间进行，因此不会进行刷新。可以使用php中的$_POST超数组获取的文本字段，以及使用$_FILE获取的文件。

Answer 3

无需使用uploadify刷新即可上传，请参阅http://www.uploadify.com/demos/