ThinkPHP5+Layui实现图片上传加预览

前端文件: label class=layui-form-label图片/labela class=layui-btn id=image style=float: left;i class=layui-icon#xe67c;/i上传图片/adiv class=layui-input-block style=margin-left: 220px; input type=text name=img value={$tptc.img} class=layui
QQ截图20170928104410

前端文件:

<label class="layui-form-label">图片</label>
<a class="layui-btn" id="image" style="float: left;"><i class="layui-icon">&#xe67c;</i>上传图片</a>
<div class="layui-input-block" style="margin-left: 220px;">
  <input type="text" name="img" value="{$tptc.img}" class="layui-input" style="position: absolute;left: 0;top: 0;">
</div>
</div>

<div class="layui-form-item">
  <img style="margin-left: 110px;" id="img" src="{$tptc.img}">
</div>

<script>
layui.use('upload',function(){
  var upload = layui.upload,
  jq = layui.jquery;
  upload.render({
	url: '{:url("index/upload")}'
	,elem:'#image'
	,ext: 'jpg|png|gif'
	,area: ['500', '500px']
	,before: function(input){
	loading = layer.load(2, {
	shade: [0.2,'#000']
	});
	}
	,done: function(res){
	layer.close(loading);
	jq('input[name=img]').val(res.path);
	img.src = ""+res.path;
	layer.msg(res.msg, {icon: 1, time: 1000});
	}
  }); 

})
</script>


后台文件:

public function upload(){
    // 获取表单上传文件 例如上传了001.jpg
    $file = request()->file('file');
    // 移动到框架应用根目录/public/uploads/ 目录下
    $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
    if($info){
	// 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg
	$path =  $info->getExtension();
        // 成功上传后 返回上传信息
	return json(array('state'=>1,'path'=>$path));
    }else{
        // 上传失败返回错误信息
	return json(array('state'=>0,'errmsg'=>'上传失败'));
    }
}

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

此段代码只支持主流浏览器,一些浏览器可能会不支持,比如:百度 代码如下: function openWx(){ locatUrl = weixin://; if(/ipad|iphone|mac/i.test(navigator.userAgent)) { var ifr =document.createElement(iframe); ifr.src = locatUrl; ifr.style.disp
文实例讲述了PHP页面实现定时跳转的方法,分享给大家供大家参考。具体实现方法如下: php定时跳转我们需要利用header函数输入html或js代码来实现定时跳转,下面我来介绍一个简单的例子 php代码如下: header(refresh:3;url=https://www.genban.org);print(正
这篇文章主要介绍了JS实现获取当前URL和来源URL的方法,涉及javascript针对页面document属性操作的相关技巧,需要的朋友可以参考下 index.html: !DOCTYPE htmlhtml lang=zh-cnheadmeta charset=UTF-8meta name=viewport content=width=device-width, initial-
?php date_default_timezone_set(Asia/Shanghai); echo 执行开始:-----.date(Y-m-d H:i:s, time()).-----; $user = 13*****2014; //用户名$pwd = 12****67; //密码 $url = https://www.********/actlogin; //登录地址指定到网站的登录地址 $signin = https:/
需求:给图片指定位置加水印文字。使用的是 imagettftext,这个可以输出中文了,有个必须参数是要真实存在的字体文件,于是先下载个字体文件,下面是函数原型: array imagettftext ( resource $image , float $size , float $angle , int $x , int $y , int
本文实例为大家分享了php上传文件功能的具体代码,供大家参考,具体内容如下 html: form action=upload_file.php method=post enctype=multipart/form-data label for=file文件名:/label input type=file name=file id=filebr input type=submit name=subm