gravatar头像无法显示,改用qq头像接口代替 前几天刚写了如何设置gravatar头像,这几天就发现gravatar头像的官网突然打不开了,导致无法加载gravatar头像,很无奈不过我们可以暂时用qq的头像接口代替http://q1.qlogo.cn/g?b=qq&nk=你的qq号&s=640

laravel获取表里某字段唯一集合数组 $areas=Product::get()->pluck('area')->unique()->toArray();

分享一个后台多图上传的例子 注意form表单要填写enctype="multipart/form-data"前台html: <div class=" clearfix cl"> <label class="form-label col-2">图片：</label> <div class="role" onclick="file(this)"> <img src="" alt="" id="goods_1" class="file" > <span style="color: #ccc;">上传图像</span> <input type="file" name="goods_imgs[]" class="file" value="" id="goods1" onchange="le(this)"> </div> <div class="role" style="display: none" onclick="file(this)"> <img src="" alt="" id="goods_2" class="file" > <span style="color: #ccc;">上传图像</span> <input type="file" name="goods_imgs[]" class="file" value="" id="goods2" onchange="le(this)"> </div> <div class="role" onclick="copy(this)"> <span style="color: #ccc;">+</span> </div> <!-- <input type="file" name="img" class="file" value="" > --> </div>js: <script type="text/javascript"> //点击圆框时上传图片 function file(evn) { var img_obj = $(evn).children(".file") var file_id = $(img_obj[1]).attr("id") document.getElementById(file_id).click() } //点击时复制角色框 function copy(evn) { var obj = $(evn).prev(); var num = $(".role").length console.log(num) $(obj).clone().insertBefore(evn); $(obj).css("display","block") var img_obj = $(obj).children(".file") console.log(img_obj) var img_id = $(img_obj[0]).attr("id","goods_"+num) var file_id = $(img_obj[1]).attr("id","goods"+num) } //左侧图像点击时显示图像 function le(evn){ var id = $(evn).attr('id');//获取id var num = "goods_"+id.substr(5,1); var file = event.target.files[0]; if (window.FileReader) { var reader = new FileReader(); reader.readAsDataURL(file); //监听文件读取结束后事件 reader.onloadend = function (e) { var divObj= $(evn).prev() //获取div的DOM对象 $(divObj).html("") //插入文件名 $("#"+num).css("display","block"); $("#"+num).attr("src",e.target.result); //e.target.result就是最后的路径地址 }; } } </script>后台接收数据: public function upload_images(Request $request)//上传图片,多图上传 { $char=$this->random_string(16); $file = $_FILES["file"]; if ($file==null) { exit(json_encode(array('code'=>1, 'msg'=>'未上传图片'))); } // 获取文件后缀 $temp = explode(".", $_FILES["file"]["name"]); $extension = end($temp); // 判断文件是否合法 if(!in_array($extension, array("gif","jpeg","jpg","png"))){ exit(json_encode(array('code'=>1, 'msg'=>'上传图片不合法'))); } //创建文件夹获取当前年月日 $folder="/mstyle/upload/images/".date('Y-m-d'); if(!is_dir('.'.$folder)){ mkdir('.'.$folder,0777);//创建年+月的文件夹权限为最高 } // $info = move_uploaded_file($file['tmp_name'], '.'.$folder.'/'.$file['name']); //移动文件到指定目录 建议文件名自己在修改一下 $info = move_uploaded_file($file['tmp_name'], '.'.$folder.'/'.$char.'.'.$extension); //移动文件到指定目录 建议文件名自己在修改一下 // dd($extension); $img = $folder.'/'.$char.'.'.$extension; // exit(json_encode(array('code'=>0, 'msg'=>$img))); $res=['imgurl'=>$img]; $ArrDate = ['code' => 0, 'data' => $res, 'token' => $request->input('token')]; return BaseFun::jsonReturn($ArrDate); } function random_string($length) { $key = ''; $keys = array_merge(range(0, 9), range('a', 'z')); for ($i = 0; $i < $length; $i++) { $key .= $keys[array_rand($keys)]; } return $key; }

网站禁止复制 <script> document.onkeydown = function(e){ var e=e||event; if (e.ctrlKey==1 && e.keyCode==67){ return false; } }//防止ctrl+C document.body.oncopy = function (){return false;} //阻止复制 </script> <script> document.body.onselectstart=document.body.oncontextmenu=function(){return false;};</script>

简单的订单详情页面样式 有时候我们网站的后台会需要展示某些数据的详情,但又不想整的过于复杂,今天推荐一个简单的订单详情样式style代码:.aui-flex-box h1 { color: #333; font-size: 1.1rem; margin-bottom: 0.3rem; } .aui-flex-box h2 { color: #ef8015; font-size: 1rem; margin-bottom: 0.5rem; font-weight: 500; } .aui-flex-box h3 { color: #333; font-size: 1rem; margin-bottom: 0.2rem; font-weight: 500; } .aui-flex-box p { color: #8c8c8c; font-size: 0.85rem; margin-bottom: 0.2rem; font-weight: normal; } .aui-flex-box span em { background: #f3f4f8; border-radius: 3px; font-size: 0.75rem; font-style: normal; color: #666666; padding: 0.2rem 0.3rem; } .aui-six-item { overflow: hidden; } .aui-six-item span { width: 50%; display: block; float: left; height: 1.8rem; line-height: 1.8rem; font-size: 0.85rem; } .aui-six-item span em { background: none; color: #999999; font-size: 0.85rem; padding-right: 2rem; } body代码:<div class="aui-flex"> <div class="aui-flex-box"> <div class="aui-six-item"> <span><em>订&nbsp;单&nbsp;号&nbsp;:</em>{{$info['order_number']}}</span> <span><em>商&nbsp;品&nbsp;名&nbsp;:</em>{{$info['goods_name']}}</span> <span><em>规&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格:</em>{{$info['details']}}</span> <span><em>规格数量:</em>{{$info['mark_num']}} </span> <span><em>购买数量:</em>{{$info['number']}}</span> <span><em>商品单价:</em>{{$info['price']}}</span> <span><em>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:</em>{{$info['name']}}</span> <span><em>手&nbsp;机&nbsp;号&nbsp;&nbsp;:</em>{{$info['phone']}}</span> <span><em>收货地址:</em>{{$info['address']}}</span> <span><em>订单总金额:</em>{{$info['total_money']}}</span> <span><em>描&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;述:</em>{{$info['des']}}</span> </div> </div></div>