JavaScript 大文件分片上传处理如何实现?

JavaScript018

JavaScript 大文件分片上传处理如何实现?,第1张

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>upload</title><script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></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//发送请求 function upload() { var blob = document.getElementById("file").files[0]var start = 0var endvar index = 0var filesize = blob.sizevar filename = blob.name//计算文件切片总数 totalPieces = Math.ceil(filesize / bytesPerPiece)while(start <filesize) { end = start + bytesPerPieceif(end >filesize) { end = filesize} var chunk = blob.slice(start,end)//切割文件 var sliceIndex= blob.name + indexvar formData = new FormData()formData.append("file", chunk, filename)$.ajax({ url: 'http://localhost:9999/test.php', type: 'POST', cache: false, data: formData, processData: false, contentType: false, }).done(function(res){ }).fail(function(res) { })start = endindex++} } </script></body></html>

是的,做前端必须必须会切图,但是 切图 就是PS里面的一步操作,十分简单。QQ截图和PS切图是动作不一样,但是基本上是一样的,QQ是截取,而PS里面有个工具张的像 刀 ,拿着这个刀在图上面画,所以叫切图。

你选择这个工具,选择切片工具,然后:

在图片上这么画上一块儿或者说切上一刀,就叫切图。

然后在选择 文件→储存为web所用格式→在用切图选择工具

把你需要保存的切图那块儿选中,点击存储,

选择选中的切片,在点击保存,就这么先切,在选择,在保存,就完成了切图,但是PS切图比qq截图用着爽多了,因为在PS里面可以将图片放大N倍,在切,在小的图也能切,而且可以一次切很多,也能一次保存很多,所以比QQ截图用着爽。总体来讲比QQ截图专业吧。