Question

我有这个将文本插入数据库的鳕鱼，但我需要将带有文本的图像插入到数据库中。

我的代码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>

Answer 1

要使用Ajax上传图像，您需要使用iFrame，Flash插件或类似的东西。使用iFrame，概念是您的页面上有一个带有ID的iFrame（不可见）。您将表单的目标属性指向它，然后在iFrame的结果页面中调用父窗口的javascript函数，该函数会在主窗口中触发结果。它相当直接，并且不需要大插件或大量搞乱。

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

我如何通过ajax和php上传图像

1 个答案: