IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> PHP知识库 -> php 上传大文件 + 进度条 -> 正文阅读

[PHP知识库]php 上传大文件 + 进度条

大文件注意的点:

我的环境是ubuntu18.04 + apache2 + php7.0

修改apache的配置(php.ini):

sudo vim /etc/php/7.0/apache2/php.ini

1. 找到post_max_size = 8M(默认值) 改成 post_max_size= 2G?

2. 找到upload_max_filesize = 2M(默认值) 改成 post_max_size= 2G?

重启服务器:

sudo /etc/init.d/apache2 restart

前端进度条:

var obj = new XMLHttpRequest();
obj.onreadystatechange = function() {
        
    console.log(obj.responseText);
	if (obj.status == 200 && obj.readyState == 4) {
	    $('.upgrade-text').text('Upload Successfully.');
        
        var fallback = eval("(" + obj.responseText + ")");
          
        if(fallback.msg === 'success'){
            toastr.success('Upgrade successfully.');
            setTimeout(() => {
                $('#modal-upgrade').modal('hide');
            }, 1500);
         }else if(fallback.error === 1){
            toastr.error('ERROR: Upload Failed. The file is too large!');
         }
		
    }
}
 
// 通过Ajax对象的upload属性的onprogress事件感知当前文件上传状态
obj.upload.onprogress = function(evt) {
        
    // 上传附件大小的百分比
	var per = Math.floor((evt.loaded / evt.total) * 100) + "%";
    $('.upgrade-text').html('Uploading(<label style="font-weigh: 600;">'+ per +'</label>)');
	// 当上传文件时显示进度条
	document.getElementById('parent').style.display = 'block';
	// 通过上传百分比设置进度条样式的宽度
	document.getElementById('son').style.width = per;
}
 
// 通过FormData收集零散的文件上传信息
var fm = document.getElementById('firmwareFile').files[0];
var fd = new FormData();
fd.append('file', fm);
 
obj.open("post", "firmware-save-file.php");
obj.send(fd);

php后台:

<?php
  // if user not login, redirect to login.php
  //  防止全局变量造成安全隐患
  $admin = false;
  //  启动会话
  session_start();
  //  判断是否登陆
  if (!isset($_SESSION["admin"]) || $_SESSION["admin"] === false) {
    //  验证失败,将 $_SESSION["admin"] 置为 false
    $_SESSION["admin"] = false;
    Header("Location: ./login.php");
  }
  
  $err = '';
  if ($_FILES["file"]["error"] > 0){
    $err = '{error: '. $_FILES["file"]["error"] . '}';
  }else{
  
    // 如果  /var/www/meta/ 目录不存在该文件则将文件上传到 /var/www/meta/目录下
    $back = move_uploaded_file($_FILES["file"]["tmp_name"], "/var/www/meta/" . $_FILES["file"]["name"]);
    if($back == 1){
      $err = '{msg: "success"}';
    }else{
      echo $back;
    }
  }
  if($err !== ''){
    echo $err;  
  }
?>

  PHP知识库 最新文章
Laravel 下实现 Google 2fa 验证
UUCTF WP
DASCTF10月 web
XAMPP任意命令执行提升权限漏洞(CVE-2020-
[GYCTF2020]Easyphp
iwebsec靶场 代码执行关卡通关笔记
多个线程同步执行,多个线程依次执行,多个
php 没事记录下常用方法 (TP5.1)
php之jwt
2021-09-18
上一篇文章      下一篇文章      查看所有文章
加:2021-07-24 11:13:11  更:2021-07-24 11:13:20 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/4 18:44:54-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码