recherche

Maison >développement back-end >tutoriel php >Exemples d'implémentation de la fonction de téléchargement d'images en utilisant php, ajax et h5

Exemples d'implémentation de la fonction de téléchargement d'images en utilisant php, ajax et h5

黄舟
黄舟original
2017-10-28 09:52:551634parcourir

L'exemple dans cet article partage avec vous le code spécifique pour que php implémente ajaximagetélécharger pour votre référence. Le contenu spécifique est le suivant

<.>Code de la page html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript" src="PUBLIC/home/js/jquery-1.11.0.js"></script>

</head>
<body>
<form class="form-horizontal" role="form" id="myForm"
   action="/index/fileupsend" method="post"
   enctype="multipart/form-data">

  选择文件:<input type="file" id="file1" /><br />
  <input type="button" id="upload" value="上传" />
  <span id="imgWait"></span>
</form>
<script>
  $(function () {
    $("#upload").click(function () {
      $("#imgWait").html("上传中");
      var formData = new FormData();
      formData.append("myfile", document.getElementById("file1").files[0]);
      $.ajax({
        url: "/Home/index/fileupsend",
        type: "POST",
        data: formData,
        /**
         *必须false才会自动加上正确的Content-Type
         */
        contentType: false,
        /**
         * 必须false才会避开jQuery对 formdata 的默认处理
         * XMLHttpRequest会对 formdata 进行正确的处理
         */
        processData: false,
        success: function (data) {
          if(data){
            alert("上传成功！");
          }
          $("#imgWait").html("上传成功");

        },
        error: function () {
          alert("上传失败！");
          $("#imgWait").hide();
        }
      });
    });
  });
</script>
</body>
</html>

Code php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment installer les instances php5.5, php5.6 et php7.0 avec yumArticle suivant：Comment installer les instances php5.5, php5.6 et php7.0 avec yum

Articles Liés

Voir plus