从输入形式发送图像到PHP脚本的Ajax

我有一个图像上传表单一个非常简单的HTML页面如下：从输入形式发送图像到PHP脚本的Ajax

<input type='file' id='image_uploaded' accept='image'/> 
<input type='submit' id="upload_image"/>

到目前为止，对我的JavaScript，我有：

$(document).ready(function() { 
    $("#upload_image").click(function() { 
     $.ajax({ 
      url: "upload.php", 
      type: "GET", 
      //data: don't know what to put here 
      success: function(data) { 
       alert(data); 
      } 
     }); 
    }); 
});

upload.php到目前为止只是创建一个目录来存储影像，如果该目录不已经存在：

<?php 
    define("IMAGE_DIRECTORY", "images"); 

    //If the directory for images does not exist, create it 
    if(!is_dir(IMAGE_DIRECTORY)) { 
     mkdir(IMAGE_DIRECTORY, 0777, true); 
    } 
?>

所以我我不确定如何将图像发送到Ajax调用中的PHP脚本，然后如何处理PHP中的图像以将其保存到文件夹？

来源

2017-04-05 lillemap

所以这是两个问题。我建议你研究如何处理图像的服务器端。我相信你会在网上找到很多例子。 – NewToJS

有建立在PHP变量来帮你如_FILES $所以只是这样做：
首先，改变你的AJAX类型"POST"而不是"GET"。
然后将这些行的代码存储图像：

if(!move_uploaded_file($_FILES["file"]["tmp_name"], "path/to/file/".basename($_FILES["file"]["name"]))){ 
    die("Sorry, there was an error uploading your file."); 
}

来源

2017-04-05 00:28:02 Konstantinos

谢谢，但是我怎样才能让图像到达PHP文件呢？ – lillemap

从输入形式发送图像到PHP脚本的Ajax

回答

相关问题