php+html5+ajax如何實(shí)現(xiàn)上傳圖片的方法

發(fā)布時(shí)間：2021-05-18 14:32:24 來(lái)源：億速云閱讀：230 作者：小新欄目：開(kāi)發(fā)技術(shù)

小編給大家分享一下php+html5+ajax如何實(shí)現(xiàn)上傳圖片的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

具體如下：

<?php
if (isset($_POST['upload'])) {
  var_dump($_FILES);
  move_uploaded_file($_FILES['upfile']['tmp_name'], 'up_tmp/'.time().'.dat');
  //header('location: test.php');
  exit;
}
?>

<!doctype html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <title>HTML5 Ajax Uploader</title>
  <script src="jquery-2.1.1.min.js"></script>
</head>
<body>
<p><input type="file" id="upfile"></p>
<p><input type="button" id="upJS" value="用原生JS上傳"></p>
<p><input type="button" id="upJQuery" value="用jQuery上傳"></p>
<script>
  /*原生JS版*/
  document.getElementById("upJS").onclick = function() {
    /* FormData 是表單數(shù)據(jù)類 */
    var fd = new FormData();
    var ajax = new XMLHttpRequest();
    fd.append("upload", 1);
    /* 把文件添加到表單里 */
    fd.append("upfile", document.getElementById("upfile").files[0]);
    ajax.open("post", "test.php", true);
    ajax.onload = function () {
      console.log(ajax.responseText);
    };
    ajax.send(fd);
  }
  /* jQuery 版 */
  $('#upJQuery').on('click', function() {
    var fd = new FormData();
    fd.append("upload", 1);
    fd.append("upfile", $("#upfile").get(0).files[0]);
    $.ajax({
      url: "test.php",
      type: "POST",
      processData: false,
      contentType: false,
      data: fd,
      success: function(d) {
        console.log(d);
      }
    });
  });
</script>
</body>
</html>

php的框架有哪些

php的框架：1、Laravel，Laravel是一款免費(fèi)并且開(kāi)源的PHP應(yīng)用框架。2、Phalcon，Phalcon是運(yùn)行速度最快的一個(gè)PHP框架。3、Symfony，Symfony是一款為Web項(xiàng)目準(zhǔn)備的PHP框架。4、Yii，Yii是一款快速、安全和專業(yè)的PHP框架。5、CodeIgniter，CodeIgniter是一款非常敏捷的開(kāi)源PHP框架。6、CakePHP，CakePHP是一款老牌的PHP框架。7.Kohana，Kohana是一款敏捷但是功能強(qiáng)大的PHP框架。

以上是“php+html5+ajax如何實(shí)現(xiàn)上傳圖片的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

php+html5+ajax如何實(shí)現(xiàn)上傳圖片的方法

php的框架有哪些

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽