如何使用 Ajax 将图像发送到 PHP 文件? [英] How to send image to PHP file using Ajax?

问题描述

我的问题是是否可以使用 ajax(jquery) 将图像上传到服务器

my question is that is it possible to upload an image to a server using ajax(jquery)

下面是我的ajax脚本，无需重新加载页面即可发送文本

below is my ajax script to send text without page reload

$(function() {
//this submits a form
$('#post_submit').click(function(event) {
event.preventDefault();
var great_id = $("#post_container_supreme:first").attr("class");
var poster = $("#poster").val() ;
    $.ajax({
        type: "POST",
        url: "my php file",
        data: 'poster='+ poster + '&great_id=' + great_id,
        beforeSend: function() {
            $("#loader_ic").show();
            $('#loader_ic').fadeIn(400).html('<img src="data_cardz_loader.gif" />').fadeIn("slow");
        },
        success: function(data) {
            $("#loader_ic").hide();
            $("#new_post").prepend(data);
            $("#poster").val('');
        }

    })
})
})

<小时>

是否可以修改它以发送图像?

---

is it possible to modify it to send images?

推荐答案

使用 JavaScript 的 formData API 并将 contentType 和 processData 设置为 false

Use JavaScript's formData API and set contentType and processData to false

$("form[name='uploader']").on("submit", function(ev) {
  ev.preventDefault(); // Prevent browser default submit.

  var formData = new FormData(this);
    
  $.ajax({
    url: "page.php",
    type: "POST",
    data: formData,
    success: function (msg) {
      alert(msg)
    },
    cache: false,
    contentType: false,
    processData: false
  });
    
});

这篇关于如何使用 Ajax 将图像发送到 PHP 文件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！