html代码
<input class="input-text" type="file" id='device_img' onchange="postImg(this)" accept="image/jpg, image/jpeg, image/png" multiple>
//accept 限制上传文件类型
//multiple 允许上传多文件
js代码
function postImg(obj){
//判断是否有上传文件
if(obj.files && obj.files[0]){
var formData = new FormData();//这个必须要
if(document.getElementById("device_img").files.length > 3){
layer.msg('图片上限3张!',{time:2000})
return false;
}
for(var i=0;i<document.getElementById("device_img").files.length;i++){
formData.append("img[]", document.getElementById("device_img").files[i]);
//还有这个也是重点
}
$.ajax({
url:"xxx",
type:"POST",
data:formData,
processData : false,
contentType : false,
dataType : 'json',
async : false,
success : function (e) {
console.log(e)
}
})
}
}
PHP 接收图片代码
$img=request()->file('img');
//接收图片