zoukankan      html  css  js  c++  java
  • js php 点击按钮上传图片

    前端代码

    <button class="add-img-btn"></button>

    <script>

    $(".add-img-btn").click(function () {
    var thisObj = $(this);
    var inputFile = document.createElement("input");
    inputFile.type = "file";
    inputFile.name = "file[]";
    inputFile.multiple = "multiple";
    inputFile.accept = "image/jpeg,image/jpg,image/png";
    inputFile.click();

    $(inputFile).change(function(){
    var files = inputFile.files;
    for(var i=0;i<files.length;i++){
    uploadImg(files[i],thisObj);
    }
    });
    });

    function uploadImg(file,thisObj){
    var formData = new FormData();
    formData.append('image', file);
    $.ajax({
    url: "/api.php?c=common&a=uploadImg",
    type: "post",
    data: formData,
    dataType:"json",
    contentType: false,
    processData: false,
    mimeType: "multipart/form-data",
    success: function (data) {
    if(data.code == 0){
      console.log(data.path);
           }
    },
    });
    }

    </script>

    php代码

    public function uploadImg() {
    $floder = "customer/".date("YmdHis");
    @mkdir('image/'.$floder,0777);
    @move_uploaded_file($_FILES['image']['tmp_name'],'../image/'.$floder."/".$_FILES['image']['name']);
    echo json_encode(array("code"=>0,"path"=>"image/".$floder."/".$_FILES['image']['name']));
    }
  • 相关阅读:
    系统设计实现
    反编译
    android layout analyze
    2016.7.20-notes
    如何认识刘昊然?
    leetcode-中等-队列-二叉树的层次遍历
    leetcode-简单-栈-逆波兰表达式
    leetcode-简单-栈-有效的括号
    队列-链式队列
    队列-循环队列-顺序存储
  • 原文地址:https://www.cnblogs.com/jj0219/p/10406078.html
Copyright © 2011-2022 走看看