2013-10-03 47 views
0

我有这个鳕鱼插入文本到数据库,但我需要插入图像与文本到数据库。我怎样才能上传图像的AJAX和PHP

我的代码AJAX,如: -

function AddComment(){ 
    var text=$("#text").val(); 
    $.ajax({ 
      type:"post", 
      url:"application/controllers/process.php", 
      data:"text="+text+"&action=add", 
      success:function(data){ 
         showComment();    
        } 
    }); 
} 

我的形式: -

<form> 
      <input id="inputUpProfile" name="inputUpProfile" class="inputUpProfile hidefile" type="file" onchange="readURL(this)"/> 
      <img id="blah" src="#" width="100" height="100" style="display:none" /> 

      <textarea name="post" id="text" rows="3" cols="40" onkeyup="textAreaAdjust(this)" style="overflow:hidden"></textarea> 

      <ol class="controls clearfix"> 
       <input type="button" id="sent" onclick="AddComment();" class="uibutton confirmb" value="Send"> 
</form> 
+0

http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously-with-jquery?rq=1 – Musa

回答

0

要使用Ajax上传图片,你需要使用一个iFrame,Flash插件或类似的东西。使用iFrame,这个概念就是你的页面上有一个ID(不可见)的ID。您将表单的目标属性指向它,然后在iFrame的结果页面中,您可以在父窗口的javascript中调用一个函数,从而在您的主窗口中触发结果。这是相当直接的,不需要大的插件或太多的杂乱。

这是沉重记录在堆栈上,所以做一些搜索。 https://stackoverflow.com/search?q=php+ajax+jquery+upload+image+with+iframe