php+ajax实现文件切割上传功能示例
时间:2022-07-27
本文章向大家介绍php+ajax实现文件切割上传功能示例,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文实例讲述了php+ajax实现文件切割上传功能。分享给大家供大家参考,具体如下:
html5中的File对象继承Blob二进制对象,Blob提供了一个slice函数,可以用来切割文件数据。
<!DOCTYPE HTML
<html lang="zh-CN"
<head
<meta charset="UTF-8"
<title </title
</head
<body
<form method="post" id="myForm"
<input type="file" name="file" id="upfile" /
<input type="submit" name="submit" value="提交" /
</form
<div id="upStatus" </div
</body
<script type="text/javascript"
var myForm = document.getElementById("myForm");
var upfile = document.getElementById("upfile");
myForm.onsubmit = function() {
//获取文件对象
var file = upfile.files[0];
//获取文件大小
var fileSize = file.size;
//一次截取的大小(字节)
var CutSize = 1024 * 1024 * 10;
//开始截取位置
var CutStart = 0;
//结束截取位置
var CutEnd = CutStart + CutSize;
//截取的临时文件
var tmpfile = new Blob();
while(CutStart < fileSize) {
tmpfile = file.slice(CutStart, CutEnd);
//我们创建一个FormData对象
var fd = new FormData();
//把文件添加到FormData对象中
fd.append("file", tmpfile);
var xhr = new XMLHttpRequest();
//这里使用同步
xhr.open("post", "upfile.php", false);
//上传进度
console.log(Math.round( (CutStart + tmpfile.size) / fileSize * 100) + "%");
//发送FormData对象
xhr.send(fd);
//重新设置截取文件位置
CutStart = CutEnd;
CutEnd = CutStart + CutSize;
}
return false;
};
</script
</html
upfile.php代码如下:
<?php
$uploadDir = './upload/';
if(!file_exists($uploadDir)) {
@mkdir($uploadDir, 0777, true);
}
$uploadFile = $uploadDir . basename($_FILES['file']['name']);
if(!file_exists($uploadFile)) {
//如果文件不存在
move_uploaded_file($_FILES['file']['tmp_name'], $uploadFile);
} else {
//如果文件已存在,追加数据
file_put_contents($uploadFile, file_get_contents($_FILES['file']['tmp_name']), FILE_APPEND);
}
更多关于PHP相关内容可查看本站专题:《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家PHP程序设计有所帮助。
- visual studio 2012 的制作ActiveX、打包和发布
- 用java提交一个Spark应用程序
- 一步步教你利用Github开源项目实现网络爬虫:以抓取证券日报新闻为例
- 用linqPad帮助你快速学习LINQ
- Java 8 Stream 教程 (二)
- CountVectorizer
- Caliburn.Micro学习笔记(五)----协同IResult
- 一个Pythoner的自我修养系列(一)
- 众里寻她千百度,蓦然回首,那bug却在灯火阑珊处
- Github|Python开源项目漫游指南(一)
- Caliburn.Micro学习笔记(四)----IHandle<T>实现多语言功能
- .NET 4 System.Threading.CountdownEvent
- java与ruby的直观比较
- 每天一个Linux命令:chmod
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法