php跨域怎么上传图片

PHP跨域上传图片可以通过使用FormData对象和AJAX请求实现。

1. 首先，在前端页面中创建一个input[type="file"]元素用于选择图片文件。
2. 监听该元素的change事件，在事件处理函数中获取选择的图片文件对象。
3. 创建FormData对象，并将图片文件对象添加到FormData中。
4. 使用XMLHttpRequest对象发送AJAX请求，将FormData对象作为请求体传递给后端接口。
5. 在后端接口中，通过设置Access-Control-Allow-Origin响应头实现跨域访问。
6. 在后端接口中，使用move_uploaded_file函数将上传的图片文件保存到指定的目录中。

PHP跨域上传图片可以通过以下步骤实现：

1. 在前端页面中，使用HTML5的FormData对象将图片数据和其他表单数据一起发送到后端，代码如下：

var formData = new FormData();
formData.append("image", fileInput.files[0]);
formData.append("name", "John Doe");
formData.append("email", "johndoe@example.com");

2. 在后端PHP代码中，使用CORS（跨域资源共享）来允许跨域上传图片，代码如下：

// 允许跨域请求
header("Access-Control-Allow-Origin: *");

// 处理上传的图片
if (isset($_FILES["image"])) {
    $target_dir = "uploads/";
    $target_file = $target_dir . basename($_FILES["image"]["name"]);
    move_uploaded_file($_FILES["image"]["tmp_name"], $target_file);
    echo "The file ". basename( $_FILES["image"]["name"]). " has been uploaded.";
} else {
    echo "No image uploaded.";
}

3. 在前端页面中，使用XMLHttpRequest对象发起POST请求，将FormData对象发送到后端PHP代码中，代码如下：

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/upload.php", true);
xhr.onload = function() {
    if (xhr.status === 200) {
        console.log(xhr.responseText);
    } else {
        console.log("Error: " + xhr.status);
    }
};
xhr.send(formData);