如何在成功的图片POST上显示图片？

Question

我目前正在使用 Ajax 到 POST 表单数据（图像）到我的 PHP 应用程序，然后我只需在其中保存图像。

我的表格：

<form method="POST" enctype="multipart/form-data" id="fileUploadForm">
    <label>
      Open file dialog
      <input type="file" style="position: fixed; top: -100em" name="file">
    </label>
</form>

我的脚本：

$( document ).ready(function() {
  $("#upload-pictures").click(function(){
   var form = $('#fileUploadForm')[0];
    var formData = new FormData(form);
    
    $.ajax({
        method: "POST",
        type: "POST",
        url: "http://localhost:8080/index/index.php",
        enctype: "multipart/form-data",
        data: formData,
        processData: false,
        contentType: false,
        success: function (data) {
            console.log("SUCCESS : ", data);
            
            $('body').html('<img src="' + data + '" />'); //doesn't work
        }
    });
  });
});

在我的网页上显示此图片（成功上传后）的最佳方式是什么？我尝试使用
$('body').html('<img src="' + data + '" />'); 但它似乎没有用。

任何帮助将不胜感激。

谢谢

Answer 1

感谢@RatajS 的帮助。我终于让它工作了：

在我的 PHP:

$contents =  base64_encode(file_get_contents($_FILES['file']['tmp_name']));

在我的 HTML/Javascript:

$("<img>").attr({src: "data:image/jpeg;base64," +data}).appendTo("body");

如何在成功的图片POST上显示图片？

How to display image on successful image POST?

ajax

form-data