热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

php+layui文件上传以及拖拽上传

HTML:将文件拖拽到此区域

HTML:
  



将文件拖拽到此区域





































文件名称类型操作备注




JS:

XMLhttpReuest.js

function ajaxFunction()

{

var xmlHttp;

try

{

// Firefox, Opera 8.0+, Safari

xmlHttp=new XMLHttpRequest();

}

catch (e)

{

// Internet Explorer

try

{

xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e)

{

try

{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

catch (e)

{

alert("您的浏览器不支持AJAX!");

return false;

}

}

}

return xmlHttp;

}

{?*拖拽上传*?}

php:

ajax.files.upload.php

header("Content-Type:text/html;charset=UTF-8");$CODE = $_GET['upfilecode'];

$PATH = $_GET['path'];
$a = new UPFILE($CODE, $PATH, $_FILES['file'], $pl);
class UPFILE

{

public $pl = '';

public $file = '';
public function __construct($code, $path, $file, $pl)

{

if ($code == '')

$this->ExtFrm(1, "缺少上传编码");

if ($path == '')

$this->ExtFrm(2, "缺少上传路径");

if (!$file)

$this->ExtFrm(3, "找不到上传文件");

if ($file['size'] > 1024 * 1024 * 50) {

$this->ExtFrm(3, "上传失败,文件大小超过限制(文件大小:50MB)");

}

$size=round($file['size']/1024/1024, 2);

$this->pl = $pl;

$this->file = $file;

$this->type = $path;
$filePath = $this->createFile($path);

$fileOld = $this->verifyFile();

$this->fileupload($code, $filePath, $fileOld,$size);

}
/**

* Method:createFile

* Desc:创建文件路径

*/

public function createFile($path)

{

$Ym = date('Ym');

$filepath = $Ym . ($path != "" ? "/" : "") . $path;

$fullpath = '../upfiles/' . $filepath;

if (!is_dir($fullpath)) {

$res = mkdir($fullpath, 0777, true);

}

return array($filepath . "/", $fullpath . "/");

}
/**

* Method:verifyFile

* Desc:验证文件格式

*/

public function verifyFile()

{

$pinfo = pathinfo($this->file["name"]);

$extension = strtolower($pinfo['extension']);

switch ($this->type) {

case 'message_img': //消息推送 - 富文本 图片上传

$file_format = array("jpg", "jpeg", "gif", "png");

if (!in_array($extension, $file_format)) {

$this->ExtFrm(4, "上传失败,文件格式不正确(支持:jpg,gif,png)");

}

break;

default:

$file_format = array("jpg", "jpeg", "gif", "png", "rar", "zip", "doc", "docx", "xls", "xlsx", "pdf", "txt", "ppt", "pptx", "tif",'mp4');

if (!in_array($extension, $file_format)) {

$this->ExtFrm(4, "上传失败,文件格式不正确(支持:jpg,gif,png,rar,zip,doc,docx,xls,xlsx,pdf,txt,ppt,pptx,tif,mp4)");

}

break;

}

return array("filename" => $pinfo['filename'], "extension" => $extension);

}
/**

* Method:fileupload

* Desc:上传文件

*/

public function fileupload($code, $filepath, $fileold,$size)

{

$old_name = $fileold['filename'];

$new_name = time() . rand(0, 500000) . dechex(rand(0, 10000));

move_uploaded_file($this->file['tmp_name'], $filepath[1] . $new_name . "." . $fileold['extension']);
if ($this->type != 'message_img') {

$sql = "insert into system_attach (`BM`,`YFJMC`,`XFJMC`,`WJLJ`,`WJLX`,`CJSJ`,`CJRID`,`CJRMC`,`SIZE`) values (:BM,:YFJMC,:XFJMC,:WJLJ,:WJLX,:CJSJ,:CJRID,:CJRMC,:SIZE)";

$this->pl->query($qry, $sql, array(

":BM" => $code,

":YFJMC" => $old_name . ".",

":XFJMC" => $new_name . "." . $fileold['extension'],

":WJLJ" => $filepath[0],

":WJLX" => $fileold['extension'],

":CJSJ" => date("Y-m-d H:i:s"),

":CJRID" => $_SESSION['UID'],

":CJRMC" => $_SESSION['NAME'],

":SIZE" => $size,

));

$id = $this->pl->insert_id();

}

$this->ExtFrm(0, "上传成功", $id, $filepath[1], $new_name, $old_name, $fileold['extension']);

}
/**

* Method:extFrm

* Desc:结果返回

*/

public function extFrm($code, $msg, $id = 0, $filepath = "", $new_name = '', $old_name = '', $file_ext = "")

{

if ($code > 0) {

$ExtFrm = array("code" => $code, "msg" => $msg);

} else if ($this->type == 'message_img') {

$title = $new_name . "." . $file_ext;

$ExtFrm = array("code" => $code, "msg" => $msg, "data" => array("src" => $filepath . $title, "title" => $title));

} else {

$ExtFrm = array("code" => $code, "msg" => $msg, "id" => $id, "path" => $filepath, "new_name" => $new_name, "old_name" => $old_name, "file_ext" => $file_ext);

}

exit(json_encode($ExtFrm));

}

}
?>

php + layui 文件上传 以及 拖拽上传的相关教程结束。



推荐阅读
  • 在现代Web开发中,HTML5 Canvas常用于图像处理和绘图任务。本文将详细介绍如何将Canvas中的图像导出并上传至服务器,适用于拼图、图片编辑等场景。 ... [详细]
  • 使用Echarts for Weixin 小程序实现中国地图及区域点击事件
    本文介绍了如何使用Echarts for Weixin在微信小程序中构建中国地图,并实现区域点击事件。包括效果展示、条件准备和逻辑实现的具体步骤。 ... [详细]
  • php三角形面积,335宝石大全
    php三角形面积,335宝石大全 ... [详细]
  • 本文详细探讨了在Web开发中常见的UTF-8编码问题及其解决方案,包括HTML页面、PHP脚本、MySQL数据库以及JavaScript和Flash应用中的乱码问题。 ... [详细]
  • 本文介绍了如何通过 XMLHttpRequest 对象在不同浏览器中实现 AJAX 的 POST 和 GET 请求,并详细说明了 XMLHttpRequest 的五个状态及其含义。 ... [详细]
  • 本文探讨了在UIScrollView上嵌入Webview时遇到的一个常见问题:点击图片放大并返回后,Webview无法立即滑动。我们将分析问题原因,并提供有效的解决方案。 ... [详细]
  • CoreData 表关联详解
    在企业中,通常会有多个部门,每个员工隶属于某个部门。这种情况下,员工表和部门表之间就会形成关联关系。本文将详细介绍如何在CoreData中实现表关联,并通过示例代码展示如何添加和查询关联数据。 ... [详细]
  • Django与Python及其他Web框架的对比
    本文详细介绍了Django与其他Python Web框架(如Flask和Tornado)的区别,并探讨了Django的基本使用方法及与其他语言(如PHP)的比较。 ... [详细]
  • MySQL Administrator: 监控与管理工具
    本文介绍了 MySQL Administrator 的主要功能,包括图形化监控 MySQL 服务器的实时状态、连接健康度、内存健康度以及如何创建自定义的健康图表。此外,还详细解释了状态变量和系统变量的管理。 ... [详细]
  • PHP面试题精选及答案解析
    本文精选了新浪PHP笔试题及最新的PHP面试题,并提供了详细的答案解析,帮助求职者更好地准备PHP相关的面试。 ... [详细]
  • 作为一名Ruby初学者,我对Comparable和Enumerable Mixin的用途感到困惑。本文旨在通过实例详细解释这两个Mixin的功能及其在实际编程中的应用。 ... [详细]
  • 本文详细记录了腾讯ABS云平台的一次前端开发岗位面试经历,包括面试过程中遇到的JavaScript相关问题、Vue.js等框架的深入探讨以及算法挑战等内容。 ... [详细]
  • JavaScript 实现图片文件转Base64编码的方法
    本文详细介绍了如何使用JavaScript将用户通过文件输入控件选择的图片文件转换为Base64编码字符串,适用于Web前端开发中图片上传前的预处理。 ... [详细]
  • 深入解析Dubbo:使用与源码分析
    本文详细介绍了Dubbo的使用方法和源码分析,涵盖其架构设计、核心特性和调用流程。 ... [详细]
  • 本文介绍了 PHP 的基本概念、服务器与客户端的工作原理,以及 PHP 如何与数据库交互。同时,还涵盖了常见的数据库操作和安全性问题。 ... [详细]
author-avatar
大飞5678
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有