Heim > Artikel > Backend-Entwicklung > Methoden und Beispiele zum Hochladen von Bildern mit PHP+HTML5+AJAX

Methoden und Beispiele zum Hochladen von Bildern mit PHP+HTML5+AJAX

墨辰丷Original: 2018-06-02 11:20:511196Durchsuche

In diesem Artikel wird hauptsächlich die Methode zum Hochladen von Bildern mit PHP + HTML5 + Ajax vorgestellt und die beiden Methoden zum Hochladen von Bildern mit Ajax, js native und jQuery, sowie die Verarbeitung von PHP-Bildern und andere Techniken verglichen und analysiert Wer es braucht, kann sich darauf beziehen

Die Einzelheiten sind wie folgt:

<?php
if (isset($_POST[&#39;upload&#39;])) {
  var_dump($_FILES);
  move_uploaded_file($_FILES[&#39;upfile&#39;][&#39;tmp_name&#39;], &#39;up_tmp/&#39;.time().&#39;.dat&#39;);
  //header(&#39;location: test.php&#39;);
  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 是表单数据类 */
    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 版 */
  $(&#39;#upJQuery&#39;).on(&#39;click&#39;, 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>

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er wird für das Studium aller hilfreich sein.

Verwandte Empfehlungen:

PHP implementiert die Methode zum Schreiben von PDO-Klassen basierend auf dem Singleton-Modus

PHP generiert Tencent Cloud COS Schnittstelle Erforderliche Anforderungssignatur

Detaillierte Erläuterung des PHP-Imitations-WeChat-Beispiels zum Hochladen mehrerer Bilder

Das obige ist der detaillierte Inhalt vonMethoden und Beispiele zum Hochladen von Bildern mit PHP+HTML5+AJAX. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Methoden und Auswirkungen der Implementierung von Singleton-Mustern in PHPNächster Artikel：Methoden und Auswirkungen der Implementierung von Singleton-Mustern in PHP

In Verbindung stehende Artikel

Mehr sehen