js上传图片php,js php 点击按钮上传图片

前端代码

$(".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

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);

}

},

});

}

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']));

}

标签：function,data,image,js,file,var,php,上传,inputFile

来源： https://www.cnblogs.com/jj0219/p/10406078.html