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

黄舟
Libérer: 2023-03-16 20:08:01
original
1589 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal