Question

我有这个Html代码，我尝试在DB中保存我的记录

<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-without-refresh :)将名称放在所需的字段中，而不仅仅是id。然后通过jquery将特定的.php页面发送到所需的数据，并在那里制作上传逻辑。对应将在您的jquery和.php页面之间，因此不会进行刷新。您可以使用php中的$ _POST superarray获取文本字段，使用$ _FILE获取文件。

Answer 3

这可以使用uploadify进行刷新，参考http://www.uploadify.com/demos/

Answer 4

我最近为类似问题添加了答案。请看一下：

Upload image using jquery

它使用$.ajax上传文件。

使用Jquery上传图像

4 个答案: