layui拖拽文件上传方法

瑆箫

已于 2022-04-01 18:30:08 修改

阅读量1.6k

点赞数

分类专栏：后端 web前端技术文章标签：前端 javascript

于 2022-04-01 18:29:01 首次发布

本文链接：https://blog.csdn.net/mo3408/article/details/123827400

版权

web前端技术同时被 3 个专栏收录

272 篇文章 12 订阅 ¥129.90 ¥99.00

订阅专栏

超级会员免费看

后端

255 篇文章 13 订阅 ¥99.90 ¥99.00

订阅专栏

超级会员免费看

web

204 篇文章 8 订阅 ¥129.90 ¥99.00

订阅专栏

超级会员免费看

1.前台上传文件如下：

<div class="layui-upload-drag" id="test10">
  <i class="layui-icon"></i>
  <p style="font-size: 14px;color:#333;">点击上传简历，或将文件拖拽到此处</p>
    <p style="color:red;"> 请上传小于2M的pdf格式简历</p>
  <div class="layui-hide" id="uploadDemoView">
    <hr>
   <input type="hidden" name="jianli" value="" id="jianli">
  
  </div>
</div> <div class="show"></div>

2.后台php代码：

$file=$_FILES['files'];
if(!empty($file)){
	include_once "class/up.class.php";//引用上传类
	$up = new up;
	if($up->upload('files')){
		$upimg = $up->getFileName();
		$arr['code']=1;
		$arr['data']=$upimg;
		$ab=json_encode($arr);
		echo $ab;
	}
}