masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > pembangunan bahagian belakang > tutorial php > php+ajax+h5实现图片上传功能

php+ajax+h5实现图片上传功能

墨辰丷
Lepaskan： 2023-03-26 11:38:01
asal
1845 orang telah melayarinya

这篇文章主要为大家详细介绍了php+ajax+h5实现ajax图片上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

具体内容如下

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>
Salin selepas log masuk

php代码

public function fileupsend(){
  $type_pic = $this->file_upload(&#39;1&#39;,array(&#39;jpg&#39;, &#39;gif&#39;, &#39;png&#39;, &#39;jpeg&#39;),&#39;filetest&#39;,&#39;myfile&#39;);
  echo $type_pic[&#39;img_path&#39;];

}
Salin selepas log masuk

相关推荐：

HTML5实现简单图片上传所遇到的问题及解决办法

thinkphp jquery实现图片上传和预览效果

基于ThinkPHP5.0实现图片上传插件

Atas ialah kandungan terperinci php+ajax+h5实现图片上传功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html5 php
sumber：php.cn
Artikel sebelumnya：ThinkPHP连接数据库操作案列分析 Artikel seterusnya：关于PHP的命名空间（结合代码实例，简单粗暴易懂）
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Muat naik berbilang fail imej dalam CodeIgniter menggunakan Ajax dan PHP Saya menghadapi masalah memuat naik berbilang fail imej ke bahagian pelayan. Alangkah baik...
daripada 2024-04-03 22:35:03
0
1
318
PHP tidak mengenali kandungan yang dihantar oleh Ajax Saya tidak boleh mendapatkan PHP untuk membaca teks yang dihantar melalui Ajax. index.html...
daripada 2024-04-02 21:25:42
0
1
341
PHP AJAX tidak mengemas kini secara dinamik walaupun consolelog mempunyai nilai yang betul Saya cuba mengemas kini $_POST['kategori'] dengan mengklik butang. Saya cuba menggunakan A...
daripada 2024-04-02 17:50:59
0
1
396
Opencart 2: Panggil fail php menggunakan Ajax Saya ingin ajax memanggil fail php sistem/pembantu yang saya buat yang memanggil kaedah pa...
daripada 2024-03-31 23:09:02
0
1
348
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan