JS上传组件FileUpload自定义模板的使用方法

前端之家收集整理的这篇文章主要介绍了JS上传组件FileUpload自定义模板的使用方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

FileUpload 是国外一个纯javascript 写的大文件上传组件,该组件支持分片上传,断点续传,多文件功能。 下面就为大家分享FileUpload上传组件自定义模板(FineUploaderBasic)的使用方法

以下是配置代码

前端配置:

选择文件
上传
上传
上传

PHP代码

allowedExtensions = array(); // 文件大小限制 $uploader->sizeLimit = null; // 上传文件框 $uploader->inputName = "qqfile"; // 定义分组文件存放位置 $uploader->chunksFolder = "chunks"; $method = $_SERVER["REQUEST_METHOD"];

//上传目的文件夹(由于原来的文件存放规则不符合我们的需求所以修改了handler.PHP代码添加了个文件生成规则【你也可以自定义】)
$uploadDirectory = $uploader->getPathName('member_avatar');
if ($method == "POST") {
header("Content-Type: text/plain");

// 分组上传完成后对分组进行合并
if (isset($_GET["done"])) {
$result = $uploader->combineChunks($uploadDirectory); // 合并分组文件

} else {
//开始上传文件
$result = $uploader->handleUpload($uploadDirectory);
// 获取上传名称
$result["uploadName"] = $uploader->getUploadName();

}
echo json_encode($result);
}
//删除文件处理
else if ($method == "DELETE") {
$result = $uploader->handleDelete($uploadDirectory);
echo json_encode($result);
}
else {
header("HTTP/1.0 405 Method Not Allowed");
}

以上是一个简单的自定义模板的配置,希望对大家的学习有所帮助。

原文链接:https://www.f2er.com/js/48876.html

猜你在找的JavaScript相关文章