JavaScript 大文件分片上傳處理如何實現(xiàn)？

!DOCTYPE html html head meta charset="UTF-8" titleupload/title script src=""/script /head body input type="file" name="file" id="file" button id="upload" onClick="upload()"upload/button script type="text/javascript" var bytesPerPiece = 1024 * 1024; // 每個文件切片大小定為1MB . var totalPieces; //發(fā)送請求 function upload() { var blob = document.getElementById("file").files[0]; var start = 0; var end; var index = 0; var filesize = blob.size; var filename = blob.name; //計算文件切片總數(shù) totalPieces = Math.ceil(filesize / bytesPerPiece); while(start filesize) { end = start + bytesPerPiece; if(end filesize) { end = filesize; } var chunk = blob.slice(start,end);//切割文件 var sliceIndex= blob.name + index; var formData = new FormData(); formData.append("file", chunk, filename); $.ajax({ url: '', type: 'POST', cache: false, data: formData, processData: false, contentType: false, }).done(function(res){ }).fail(function(res) { }); start = end; index++; } } /script /body /html

公司主營業(yè)務(wù)：成都網(wǎng)站設(shè)計、網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出吉木乃免費做網(wǎng)站回饋大家。

如何讓javascript實現(xiàn)上傳文件呢？

javascript只能做用文件控件做前臺頁面把文件提交網(wǎng)站，保存還得網(wǎng)站后臺處理

JavaScript文件分片上傳,斷點續(xù)傳如何實現(xiàn)？

public class FileInf {

public FileInf(){}

public String id="";

public String pid="";

public String pidRoot="";

/** * 表示當(dāng)前項是否是一個文件夾項。 */

public boolean fdTask=false;

// /// 是否是文件夾中的子文件 /// /summary

public boolean fdChild=false;

/** * 用戶ID。與第三方系統(tǒng)整合使用。 */

public int uid=0;

/** * 文件在本地電腦中的名稱 */

public String nameLoc="";

/** * 文件在服務(wù)器中的名稱。 */

public String nameSvr="";

/** * 文件在本地電腦中的完整路徑。示例：D:\Soft\QQ2012.exe */

public String pathLoc="";

/** * 文件在服務(wù)器中的完整路徑。示例：F:\\ftp\\uer\\md5.exe */

public String pathSvr="";

/** * 文件在服務(wù)器中的相對路徑。示例：/www/web/upload/md5.exe */

public String pathRel="";

/** * 文件MD5 */

public String md5="";

/** * 數(shù)字化的文件長度。以字節(jié)為單位，示例：120125 */

public long lenLoc=0;

/** * 格式化的文件尺寸。示例：10.03MB */

public String sizeLoc="";

/** * 文件續(xù)傳位置。 */

public long offset=0;

/** * 已上傳大小。以字節(jié)為單位 */

public long lenSvr=0;

/** * 已上傳百分比。示例：10% */

public String perSvr="0%";

public boolean complete=false;

public Date PostedTime = new Date();

public boolean deleted=false;

/** * 是否已經(jīng)掃描完畢，提供給大型文件夾使用，大型文件夾上傳完畢后開始掃描。 */

public boolean scaned=false;

}

原生js實現(xiàn)文件上傳

function saveUser() {

? ? ? ? var file = document.getElementById("file").files[0];

? ? ? ? //原生ajax實現(xiàn)文件上傳

? ? ? ? var formData = new FormData();

? ? ? ? if (file) {

? ? ? ? ? ? formData.append("file", file);

? ? ? ? ? ? console.log(file)

? ? ? ? }

? ? ? ? //得到xhr對象

? ? ? ? var xhr = null;

? ? ? ? if (XMLHttpRequest) {

? ? ? ? ? ? xhr = new XMLHttpRequest();

? ? ? ? } else {

? ? ? ? ? ? xhr = new ActiveXObject("Microsoft.XMLHTTP");

? ? ? ? }

? ? ? ? xhr.open("post", "", true);//設(shè)置提交方式，url，異步提交

//? ? ? ? ? ? xhr.setRequestHeader("Content-Type","multipart/form-data");

? ? ? ? xhr.onload = function () {

? ? ? ? ? ? var data = xhr.responseText;? ? //得到返回值

? ? ? ? ? ? console.log(data);

? ? ? ? }

? ? ? ? xhr.send(formData);

? ? }