在ajax调用中传递图像并使用php读取[duplicate]

Question

我创建了一个输入值的表单，然后jQuery将读取这些值。此时，jQuery将对PHP文件进行ajax调用，该文件必须将文章上传到MySQL（它已经这样做了）。问题是，我找不到一种方法来传递图像的tmp到PHP使其读取。

第一个代码：表单

 <form class="form">
  <input type="text" id="titolo" placeholder="Titolo" name="post_title" />
  <input type="text" id="autore" placeholder="Autore" name="post_author"  />
  <input type="date" id="data" name="post_date" />
  <select id="categoria" name="category">
    // code php from mysql to select category               
  </select>
  <textarea id="article" name="post_content" rows="10" cols="30"></textarea><br/>             
  <label for="anteprima">Seleziona l'immagine di anteprima:</label><br/>
  <input type="file" accept="image/*" id="anteprima" name="post_image"/><br/>
  <input type="button" value="Upload Articolo" name="submit" class="invia" />
   <div id="public_article"></div>
 </form>

读取对象jQuery：

$(".invia").click(function(e){ 
  e.preventDefault();
  var v1 = $('#titolo').val();
  var v2 = $('#autore').val();
  var v3 = $('#data').val();
  var v4 = $('#categoria').val();
  var v5 = $('#article').val();
  var v6 = $('#anteprima');

  // here control of the value if it's ok go to the $.post

 $.post("(//here the name of file php)", {titolo: v1, autore: v2 , date: v3, categoria: v4, rif_testo: 
 v5, rif_immagine: v6, cache:false})
        .done(function(dataResult){
            $("#public_article").html(dataResult);
        })
        .fail(function() {
            $("#public_article").html("error");
        }); 

});

我无法将照片发送到PHP文件并通过$\u文件将其恢复。

Answer 1

您可以为此使用FormData：

var formData = new FormData($(.form)[0]);


// now send it not using post but using ajax
    $.ajax({
        url: '//here the name of file php',
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert(data)
        },
        cache: false,
        contentType: false,
        processData: false
    });

在PHP中，您可以像处理普通表单一样处理它。