html
<div class="cdj_background1" style="margin-top:10px">
<div class="cdj_top cdj_cu" style="font-size:17px"><text style="color: red">*</text>成果展示</div>
<div class="layui-upload">
<div class="cdj_weui">
<div id="imgs"></div>
<div class="weui-uploader__input-box">
<input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple/>
</div>
</div>
<div style="width: 100%;height: 40px"></div>
</div>
</div>
jq
//图片上传
var img = [];
$("#uploaderInput").on("change", function(e){
var files = e.target.files;
file = files[0]
console.log(file)
var fd = new FormData();
fd.append('file',file);
if(img.length == 2){
console.log(img)
layer.msg('最多上传两张图片',{offset: 't'});
return false;
}
var index = layer.load(2, {shade: false});
$.ajax({
type:"post",
url:"imgs"+url,
data:fd,
processData : false,
contentType : false,
dataType:"json",
success:function (evt) {
img.push(evt);
var html = "";
for(var i=0;i<img.length;i++){
html += '<li class="weui-uploader__file weui-uploader__file_status" style="background-image: url('+img[i]+');"></li>'
}
$("#imgs").html(html);
layer.close(index);
},
error:function () {
layer.msg('上传失败',{offset: 't'});
},
});
});
tp6
/**
* 图片上传
* */
public function imgs(Request $request){
$file = $request->file('file');
$savename = \think\facade\Filesystem::disk('public')->putFile( 'img', $file);
return json($savename);
}