jquery 上传图片 php

宋家德 3周前 8浏览 0评论

JQuery是一种快速,小巧且功能强大的JavaScript库。它使得处理HTML文档、处理事件、创建动画和Ajax等许多常用的JavaScript任务变得更加简单,同时也兼容各种浏览器。在web开发中,JQuery用的也比较多,尤其在上传图片的功能中,JQuery能很好的实现这一功能。

在上传图片功能中,需要在HTML中加上一个表单,用于选择图片文件,并提交表单。选择图片文件后,需要将图片文件传送到后台进行处理,这里我们使用PHP来处理。PHP可以将上传的图片文件保存到服务器上,同时生成一个链接可以用于在页面上展示该图片。

以下是JQuery和PHP上传图片的代码实现,其中JQuery的主要代码通过ajax来将文件传送给PHP进行处理。

// JQuery代码
$("form").submit(function(event) {
  event.preventDefault();
  var formData = new FormData(this);
  $.ajax({
    url: "upload.php",
    type: "POST",
    data: formData,
    processData: false,
    contentType: false,
    success: function(data) {
      $("#result").html(data);
    }
  });
});

// PHP代码
if(isset($_FILES["file"])) {
  $target_dir = "uploads/";
  $target_file = $target_dir . basename($_FILES["file"]["name"]);
  $imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
  $check = getimagesize($_FILES["file"]["tmp_name"]);
  if($check !== false) {
    if (move_uploaded_file($_FILES["file"]["tmp_name"], $target_file)) {
      echo "图片 " . basename($_FILES["file"]["name"]) . " 已经上传成功。";
    } else {
      echo "抱歉,图片上传失败了。";
    }
  } else {
    echo "抱歉,上传文件不是一张有效图片。";
  }
}

以上便是JQuery上传图片到PHP的完整过程,用户可以根据自己的需求,对代码进行必要的修改。