首页 / HTML5 / html5文件上传断点续传

html5文件上传断点续传

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html5文件上传断点续传，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含12803字，纯文字阅读大概需要19分钟。

内容图文

最近公司要做一个html5上传的jquery插件，要在下先实现功能，要求显示上传进度，文件信息，断点续传等等。我一看，艾玛！Σ(?д?lll)，没做过啊。没办法，(# ?Д?)，只能去查资料了。
作为一名还未毕业的大学僧，本人表示亚历山大。不过还好是做出来了，不敢说代码写得很好，大家将就着看吧。
感谢以下文章提供的思考方向：
http://www.script-tutorials.com/pure-html5-file-upload/
http://fex.baidu.com/blog/2014/04/html5-uploader/

由于传的时候不小心，文件弄错了，现在bug已修复，对不起啊大家
考虑到服务器原因现在停止上传演示页面，抱歉请大家谅解
演示地址：暂停
资源地址：我是下载地址

HTML:

            <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>upload html5</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/upload.css">
</head>
<body ontouchmove="event.preventDefault()">
<div >
    <form  name="upload_form" action="javascript:init();" method="post" enctype="multipart/form-data">
        <div><label for="file">Please select file</label></div>
        <div><input type="file"  name="file" onchange="fileReady()"><div>
        <input type="submit"  name="submit" value="上传">
        <button  onclick="clearUploadFile()">清除</button>
        <div >
            <!--进度条-->
            <div >
                <div ></div>
                <span ></span>
            </div>
            <!--上传剩余时间和上传速度-->
            <div >
                <div >剩余时间 | 00:00:00</div>
                <div >100k/s</div>
            </div>
            <!--文件信息-->
            <div >
                <div >
                    <div ></div>
                    <div ></div>
                    <div ></div>
                    <div ></div>
                    <div ></div>
                </div>
                <!--文件预览-->
                <div ></div>
            </div>
        </div>
    </div>
<script type="text/javascript" src="js/html5_upload_ano.js"></script>
</body>
</html>

CSS:

style.css

            /*************reset****************/
html{color:#333;-webkit-text-size-adjust:none;height:100%;max-height:100%;overflow: hidden;font-family: ‘Microsoft Yahei‘;}
body{height: 100%;max-height:100%;overflow: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:‘‘;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body{font-size:12px;}
a{color: #333333;text-decoration: none;}
a:hover{text-decoration:underline; color:#c00;}

/*font*/
*{
    font-size: 1.05em;
    color: #222;
    font-family: "Microsoft Yahei";
}

upload.css

            #upload_box{
    padding:0em 1em;
    padding-top:20px;
    height:100%;
    background: #74b1d1;
    position: relative;
}

#upload_form{
    background: #fff;
    height: 80%;
    padding: 1.4em 1em;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.7);
}

#upload_form label{
    font-size: 1.5em;
    font-weight: bolder;
}

#file{
    margin:20px 0;
    border:1px solid #ccc;
    border-radius: 5px;
    padding: 0.5em;
    font-size: 1.4em;
    width: 90%;
}

#submit,#clear{
    font-size:1.2em;
    padding:0.3em 1.2em;
    border-radius:10px;
    border:1px solid #d9d9d9;
    background: -webkit-linear-gradient(#ffffff,#dfdfdf);
    background: -o-linear-gradient(#ffffff,#dfdfdf);
    background: -moz-linear-gradient(#ffffff,#dfdfdf);
    background: linear-gradient(#ffffff,#dfdfdf);
    box-shadow:0px 1px 3px rgba(0,0,0,0.7);
    outline: none;
}

#submit{
    margin-right:1.6em;
}

#submit:hover,#clear:hover{
    background: -webkit-linear-gradient(#66ccff,#74b1d1);
    background: -o-linear-gradient(#66ccff,#74b1d1);
    background: -moz-linear-gradient(#66ccff,#74b1d1);
    background: linear-gradient(#66ccff,#74b1d1);
    cursor: pointer;
}

.upload_message_show{
    margin-top: 20px;
    display: none;
}

.upload_file_message{
    padding: 1.4em 0em;
    padding-left: 60%;
    padding-right: 1.2em;
    border-radius: 10px;
    background: -webkit-linear-gradient(#dfdfdf,#cccccc);
    background: -o-linear-gradient(#dfdfdf,#cccccc);
    background: -moz-linear-gradient(#dfdfdf,#cccccc);
    background: linear-gradient(#dfdfdf,#cccccc);
    font-size: 1.1em;
    font-weight: bolder;
    position: relative;
    min-height: 6.5em;
}

.upload_file_error{
    color:red;
}

.message_box{
    position: absolute;
    left: 1.2em;
    top: 1.4em;
}

.upload_file_preview{
    height: 100%;
    position: relative;
}

.upload_bar_box{
    width: 100%;
    height: 1em;
    border-radius:0.5em;
    position: relative;
    box-shadow:0px 0px 3px rgba(0,0,0,0.6);
    line-height: 1em;
}

.upload_bar{
    width:0%;
    border-radius:0.5em;
    background:-webkit-linear-gradient(#F01731,#F50B43);
    background:-o-linear-gradient(#F01731,#F50B43);
    background:-moz-linear-gradient(#F01731,#F50B43);
    background:linear-gradient(#F01731,#F50B43);
    height:100%;
}

.upload_percent{
    position: absolute;
    right: 10px;
    top:0em;
    font-weight:700;
}

.upload_count{
    width: 100%;
    font-size:0.8em;
    margin-top:1em;
    position: relative;
}

.left_time{
    margin-left: 1em;
}

.speed{
    position: absolute;
    right:1em;
    top: 0em;
}

js:

变量定义：

            var nSlice_count = 100,//分段数，文件分段数
    nFactCount,           //实际分段数
    nMin_size      = 0.5,//最小分段大小(M)
    nMax_size     = 5,  //最大分段大小(M)
    nFactSize,           //实际分段大小
    nCountNum     = 0,  //分段标号
    sFile_type,           //文件类型
    nFile_load_size,   //文件上传部分大小
    nFile_size,           //文件大小
    nPreuploaded = 0,  //上一次记录上传部分的大小
    bIs_uploading= false,//是否上传中
    bStart_upload= false,//是否开始上传
    bEnd_upload  = false;//是否上传完成

当文件域变化或者点击清空时，重置所有已记录信息：

            function messageChange(){
    document.querySelector(".upload_file_name").innerHTML ="文件名称: " ;
    document.querySelector(".upload_file_type").innerHTML ="文件类型: " ;
    document.querySelector(".upload_file_size").innerHTML ="文件大小: " ;
    document.querySelector(".isCompleted").innerHTML       ="上传状态: " ;
    document.querySelector(".upload_bar").style.width = "0%";
    document.querySelector(".upload_percent").innerHTML = "0%";
    document.querySelector(".upload_file_preview").innerHTML ="";
    document.querySelector(".upload_message_show").style.display = "none";
}

function clearUploadFile(e){
    var e = e || event;
    e.stopPropagation();
    e.preventDefault();
    document.getElementById("file").value = "";
    bStart_upload = false;
    messageChange();
}


function fileReady(){
    bIs_uploading = false;
    bEnd_upload = false;
    nCountNum = 0;
    bStart_upload = false;
    messageChange();
}

发生错误时的处理：

            function errorUp(){
    bStart_upload = false;
    document.querySelector(".upload_file_error").innerHTML = "上传过程中出错";
}

function abortUp(){
    bStart_upload = false;
    document.querySelector(".upload_file_error").innerHTML = "网络故障，请检查重试";
}

文件上传后提供预览，考虑到手机小屏幕的问题，只在ipad和pc上提供预览，预览的文件类型为
image/video/audio，由于浏览器对多媒体格式的支持不同，不能保证每个文件都能正常播放

            function filePreview($src){
    var ftype = sFile_type;
    var $temp;
    var IMGMaxHeight = document.querySelector(".upload_message_show").offsetHeight;
    switch(ftype){
        case "image" :
        $temp = ‘<img src="source/‘+$src.url+‘" >‘;
        break;
        case "audio" :
        $temp = ‘<audio src="source/‘+$src.url+‘" controls="controls"></audio>‘;
        break;
        case "video" :
        $temp = ‘<video src="source/‘+$src.url+‘" controls="controls"></video>‘;
        break;
    }
    var IsPreview = checkUserAgent();

    if(IsPreview)
    document.querySelector(".upload_file_preview").innerHTML = $temp;
}

function checkUserAgent(){
    var msg = true;
    var agent = ["ipod","iphone","android","symbian","windows mobile"];
    var info =navigator.userAgent.toLowerCase();
    
    for(var i=0,j=agent.length;i<j;i++)
    {
        if(info.indexOf(agent[i])>0)
        msg = false;
    }

    return msg;
}

数据单位转化：

            var conversion = (function(){
        var unitConversion = {
            bytesTosize:function(data){
                var unit = ["Bytes","KB","MB","GB"];
                var i = parseInt(Math.log(data)/Math.log(1024));
                return (data/Math.pow(1024,i)).toFixed(1) + " " + unit[i];
            },
            secondsTotime:function(sec){
                var h = Math.floor(sec/3600),
                    m = Math.floor((sec-h*3600)/60),
                    s = Math.floor(sec-h*3600-m*60);
                if(h<10) h = "0" + h;
                if(m<10) m = "0" + m;
                if(s<10) s = "0" + s;

                return h + ":" + m + ":" + s + ":";
            }
        };

        return unitConversion;
    })();

文件上传和上传时的计算：

            //start sending
    var reader = new FileReader();
    var timer;

    var fProgress = function(e){
        var fSize = get_file_message.getAll().fileSize;
        timer = setTimeout(uploadCount(e,fSize,conversion),300);
    };

    var floadend = function(e){
        if(reader.error){alert("上传失败,出现未知错误");clearTimeout(timer);return;}
        clearTimeout(timer);
        if(nCountNum+1!=nFactCount)
        {
            if(bStart_upload)
            {
                nCountNum++;
                uploadStart();
                return;
            } else {
                document.querySelector(".speed").innerHTML = "0k/s";
                document.querySelector(".left_time").innerHTML = "剩余时间 | 00:00:00";
                return;
            }        
        }

        bEnd_upload = true;
        document.querySelector(".layer_box").style.display = "none";
        document.querySelector(".speed").innerHTML = "0k/s";
        document.querySelector(".left_time").innerHTML = "剩余时间 | 00:00:00";
        document.querySelector(".upload_percent").innerHTML = "100.00%";
        document.getElementById("submit").value = "上传";
        
        var $res = JSON.parse(e.target.responseText);
        filePreview($res);
        if($res.res=="success") bIs_uploading =true;
        document.querySelector(".isCompleted").innerHTML="上传状态: " + (bIs_uploading?"上传完成":"正在上传..");
    };

    var uploadStart = function(){
        var get_all = get_file_message.getAll();
        var start = nCountNum * nFactSize,
            end   = Math.min(start+nFactSize,get_all.fileSize);

        var fData = new FormData();

        fData.append("file",file.slice(start,end));
        fData.append("name",file.name);
        fData.append("size",file.size);
        fData.append("type",file.type);
        fData.append("totalCount",nFactCount);
        fData.append("indexCount",nCountNum);
        fData.append("trueName",file.name.substring(0,file.name.lastIndexOf(".")));

        
        document.querySelector(".layer_box").style.display = "block";
        if(!sFile_type)
        sFile_type = file.type.substring(0,file.type.indexOf("/"));
        var xhr = new XMLHttpRequest();
        xhr.upload.addEventListener("progress",fProgress,false);
        xhr.addEventListener("load",floadend,false);
        xhr.addEventListener("error",errorUp,false);
        xhr.addEventListener("abort",abortUp,false);
        
        xhr.open("POST","php/send/");
        xhr.send(fData);
    };

    reader.onloadstart = function(){
        var get_all = get_file_message.getAll(),
            fName = get_all.fileName,
            fType = get_all.fileType,
            fSize = conversion.bytesTosize(get_all.fileSize);

        document.querySelector(".upload_message_show").style.display = "block";
        document.querySelector(".upload_file_name").innerHTML ="文件名称: " + fName;
        document.querySelector(".upload_file_type").innerHTML ="文件类型: " + fType;
        document.querySelector(".upload_file_size").innerHTML ="文件大小: " + fSize;
        document.querySelector(".isCompleted").innerHTML       ="上传状态: " + (bIs_uploading?"完成":"正在上传中..");

        nFactSize = get_all.fileSize/nSlice_count;
        nFactSize = (nFactSize>=nMin_size*1024*1024?nFactSize:nMin_size*1024*1024);
        nFactSize = (nFactSize<=nMax_size*1024*1024?nFactSize:nMax_size*1024*1024);
        nFactCount= Math.ceil(get_all.fileSize/nFactSize);

        uploadStart();
    };


    reader.readAsBinaryString(file);
}

function uploadCount(e,fSize,conversion){
    var upSize = e.loaded+nCountNum*nFactSize,
        perc = (upSize*100/fSize).toFixed(2) + "%";
    var speed = Math.abs(upSize - nPreuploaded);
    if(speed==0){clearTimeout("timer");return;}
    var leftTime = conversion.secondsTotime(Math.round((fSize-upSize)/speed));
    speed = conversion.bytesTosize(speed)+"/s";
    document.querySelector(".speed").innerHTML = speed;
    document.querySelector(".left_time").innerHTML = "剩余时间 | " + leftTime;
    document.querySelector(".upload_percent").innerHTML = perc;
    document.querySelector(".upload_bar").style.width = perc;
    nPreuploaded = upSize;
}

PHP：

            <?php

$fsize = $_POST[‘size‘];
$findex =$_POST[‘indexCount‘];
$ftotal =$_POST[‘totalCount‘];
$ftype = $_POST[‘type‘];
$fdata = $_FILES[‘file‘];
$fname = mb_convert_encoding($_POST[‘name‘],"gbk","utf-8");
$truename = mb_convert_encoding($_POST[‘trueName‘],"gbk","utf-8");

$path = "../../";
$dir = $path."source/".$truename."-".$fsize;
$save = $dir."/".$fname;
if(!is_dir($dir))
{
    mkdir($dir);
    chmod($dir,0777);
}

//读取临时文件内容
$temp = fopen($fdata["tmp_name"],"r+");
$filedata = fread($temp,filesize($fdata["tmp_name"]));
//将分段内容存放到新建的临时文件里面
if(file_exists($dir."/".$findex.".tmp")) unlink($dir."/".$findex.".tmp");
$tempFile = fopen($dir."/".$findex.".tmp","w+");
fwrite($tempFile,$filedata);
fclose($tempFile);

fclose($temp);

if($findex+1==$ftotal)
{
    if(file_exists($save)) @unlink($save);
    //循环读取临时文件并将其合并置入新文件里面
    for($i=0;$i<$ftotal;$i++)
    {
        $readData = fopen($dir."/".$i.".tmp","r+");
        $writeData = fread($readData,filesize($dir."/".$i.".tmp"));

        $newFile = fopen($save,"a+");
        fwrite($newFile,$writeData);
        fclose($newFile);
        
        fclose($readData);

        $resu = @unlink($dir."/".$i.".tmp"); 
    }
    $res = array("res"=>"success","url"=>mb_convert_encoding($truename."-".$fsize."/".$fname,‘utf-8‘,‘gbk‘));
    echo json_encode($res);
}

?>

还有一些细节的js这里没给出来，主要就上面的功能，有问题的话欢迎回复，楼主只是个新手，不足之处请大家多多见谅。

原文：https://www.cnblogs.com/10manongit/p/12972572.html

内容总结

以上是互联网集市为您收集整理的html5文件上传断点续传全部内容，希望文章能够帮你解决html5文件上传断点续传所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1201345.html

来源：【匿名】

【上一篇】HTML5实现对话气泡动画方法【下一篇】html5如何获取php数据

更多 ►

【html5文件上传断点续传】教程文章相关的互联网学习教程文章

HTML5大文件上传详解及实例代码

一、概述所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。二、Range 用于请求头中，指定第一个字节的位置和最后一个字节的位置，一般格式： Range:用于客户端到服务端的请求，可以通过改字段指定下载文件的某一段大小及其单位，字节偏移...

HTML5 WEB怎么实现大文件上传【图】

1 背景用户本地有一份txt或者csv文件，无论是从业务数据库导出、还是其他途径获取，当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候，首先要将本地文件上传至ODPS，普通的小文件通过浏览器上传至服务器，做一层中转便可以实现，但当这份文件非常大到了10GB级别，我们就需要思考另一种形式的技术方案了，也就是本文要阐述的方案。技术要求主要有以下几方面：<ul list-paddingleft-2"="" style="box-sizing: bord...

使用PHP和HTML5FormData实现无刷新文件上传教程，_PHP教程

使用PHP和HTML5 FormData实现无刷新文件上传教程，无刷新文件上传是一个常见而又有点复杂的问题，常见的解决方案是构造 iframe 方式实现。在 HTML5 中提供了一个 FormData 对象 API，通过 FormData 可以方便地构造一个表单请求，并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的，如此则无刷新上传就变的非常简单了。那么 FormData 怎么使用呢？下面帮客之家对此进行简单的介绍。 1. 构造 FormData 对象想...

php使用html5实现多文件上传

在html没有出来之前，要实现php多文件上传比较麻烦，需要在form表单里面添加多个input file域。html5发布以后，我们可以使用input file的html5属性multiple来实现多文件上传,需要的朋友可以参考下首先向大家介绍一下html5中file的multiple属性定义和用法multiple 属性规定输入字段可选择多个值。如果使用该属性，则字段可接受多个值。实例：<form action="demo_form.asp" method="get">Select images: <input type="file" name="im...

php使用html5实现多文件上传的方法

php使用html5实现多文件上传实例

首先向大家介绍一下html5中file的multiple属性定义和用法multiple 属性规定输入字段可选择多个值。如果使用该属性，则字段可接受多个值。实例：<form action="demo_form.asp" method="get">Select images: <input type="file" name="img" multiple="multiple" /><input type="submit" /> </form> 上面实例中的input file 可接受多个文件上传字段。了解了html5中file的multiple属性，下面我们开始讲解使用html5实现多文件上传。实...

php使用html5实现多文件上传实例_php实例

首先向大家介绍一下html5中file的multiple属性定义和用法 multiple 属性规定输入字段可选择多个值。如果使用该属性，则字段可接受多个值。实例：上面实例中的input file 可接受多个文件上传字段。了解了html5中file的multiple属性，下面我们开始讲解使用html5实现多文件上传。实例代码： html:php代码： for($i=0; $i<count($_FILES[upload][name]); $i++) {//Get the temp file path$tmpFilePath = $_FILES[upload][tmp_name]...

javascript-ajax结合html5中的file实现文件上传，后台用PHP接收，该如何用PHP接收传过来的formData?

如何用PHP接收前端传输过来的文件，formdata这个对象的文件到是什么类型的二进制的数据吗？前端代码：php代码：不知道为什么if(!empty($_FILES[file]))这判断一直false，改用if(!empty($_POST[file]))也是一样；哪位知道后台是如何接收传过来的文件的吗？可不可以给个demo的PHP文件!回复内容：如何用PHP接收前端传输过来的文件，formdata这个对象的文件到是什么类型的二进制的数据吗？前端代码：php代码：不知道为什么if(!empty($_...

使用PHP和HTML5FormData实现无刷新文件上传教程

这篇文章主要介绍了使用PHP和HTML5 FormData实现无刷新文件上传教程,本文先是分解了程序的编写步骤,最后给出一个完整示例,需要的朋友可以参考下无刷新文件上传是一个常见而又有点复杂的问题，常见的解决方案是构造 iframe 方式实现。在 HTML5 中提供了一个 FormData 对象 API，通过 FormData 可以方便地构造一个表单请求，并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的，如此则无刷新上传就变的非常简单了。...

HTML5矢量实现文件上传进度条_PHP教程【图】

HTML5矢量实现文件上传进度条在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条，矢量在《矢量Chart图表嵌入HTML5网络拓扑图的应用》一文中已经讲述了关于setCompType()方法的应用，今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条，我们先来看下...

使用PHP和HTML5FormData实现无刷新文件上传教程_php实例

无刷新文件上传是一个常见而又有点复杂的问题，常见的解决方案是构造 iframe 方式实现。在 HTML5 中提供了一个 FormData 对象 API，通过 FormData 可以方便地构造一个表单请求，并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的，如此则无刷新上传就变的非常简单了。那么 FormData 怎么使用呢？下面脚本之家对此进行简单的介绍。 1. 构造 FormData 对象想得到一个FormData对象，很简单：var fd = new FormD...

web文件上传问题html5+php

html5php上传linux web文件上传问题，正在用html5+php实现一个资源共享系统，希望实现一个上传视频、word、等格式文件的功能，文件中有很多1G以上的文件，直接修改php.ini可以辅助实现，但都说会耗费巨大的内存，请问有什么办法可以实现？最好有进度提示，无刷新上传最好了，谢谢！

使用PHP和HTML5FormData实现无刷新文件上传教程_PHP

无刷新文件上传是一个常见而又有点复杂的问题，常见的解决方案是构造 iframe 方式实现。在 HTML5 中提供了一个 FormData 对象 API，通过 FormData 可以方便地构造一个表单请求，并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的，如此则无刷新上传就变的非常简单了。那么 FormData 怎么使用呢？下面对此进行简单的介绍。 1. 构造 FormData 对象想得到一个FormData对象，很简单：var fd = new FormData();Fo...

php 使用html5实现多文件上传实例

首先向大家介绍一下html5中file的multiple属性定义和用法 multiple 属性规定输入字段可选择多个值。如果使用该属性，则字段可接受多个值。实例： <form action="demo_form.asp" method="get">Select images: <input type="file" name="img" multiple="multiple" /><input type="submit" /> </form> 上面实例中的input file 可接受多个文件上传字段。了解了html5中file的multiple属性，下面我们开始讲解使用html5实现多文件上传。...

使用PHP和HTML5 FormData实现无刷新文件上传教程

首页 / HTML5 / html5文件上传断点续传

html5文件上传断点续传

内容导读

内容图文

内容总结

内容备注

内容手机端

【html5文件上传断点续传】教程文章相关的互联网学习教程文章

文件上传 - 相关标签

HTML5 - 技术教程分类

HTML5 - 最新教程

HTML5 - 最热教程