JavaScript 大文件分片上傳處理如何實(shí)現(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; // 每個(gè)文件切片大小定為1MB . var totalPieces; //發(fā)送請(qǐng)求 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; //計(jì)算文件切片總數(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

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的隴川網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

前端工程師，請(qǐng)問(wèn)切圖是什么意思？我會(huì)寫div﹢css已經(jīng)比較熟練了，js也、jquery這些也學(xué)完

是的，做前端必須必須會(huì)切圖，但是 切圖 就是PS里面的一步操作，十分簡(jiǎn)單。QQ截圖和PS切圖是動(dòng)作不一樣，但是基本上是一樣的，QQ是截取，而PS里面有個(gè)工具張的像 刀 ，拿著這個(gè)刀在圖上面畫，所以叫切圖。

你選擇這個(gè)工具，選擇切片工具，然后：

在圖片上這么畫上一塊兒或者說(shuō)切上一刀，就叫切圖。

然后在選擇 文件→儲(chǔ)存為web所用格式→在用切圖選擇工具

把你需要保存的切圖那塊兒選中，點(diǎn)擊存儲(chǔ)，

選擇選中的切片，在點(diǎn)擊保存，就這么先切，在選擇，在保存，就完成了切圖，但是PS切圖比qq截圖用著爽多了，因?yàn)樵赑S里面可以將圖片放大N倍，在切，在小的圖也能切，而且可以一次切很多，也能一次保存很多，所以比QQ截圖用著爽。總體來(lái)講比QQ截圖專業(yè)吧。

javascript：關(guān)于Function.prototype.bind()這個(gè)方法

這里確實(shí)是兩個(gè)arguments，而且這兩個(gè)arguments是不同的。

首先你要理解prototype里bind()函數(shù)的含義，bind()函數(shù)和apply()、call()函數(shù)一樣，都是用來(lái)改變函數(shù)的上下文環(huán)境（即函數(shù)中this所指代的對(duì)象），與之不同的是，apply()和call()都是立即執(zhí)行獲取結(jié)果，而bind()可以返回一個(gè)已經(jīng)改變了上下文環(huán)境的函數(shù)，供日后調(diào)用。而這個(gè)函數(shù)本身是有參數(shù)的，這里bind()函數(shù)就是可以在函數(shù)獲取上下文環(huán)境時(shí)給其傳參，同時(shí)也可以在函數(shù)調(diào)用時(shí)給其傳參，所以這里會(huì)有兩個(gè)arguments。

舉個(gè)例子吧，比方你有一個(gè)可變基數(shù)的累加函數(shù)：

var?add?=?function()?{

var?sum?=?this.base

for?(var?i?=?0,?c;?c?=?arguments[i++];)

sum?+=?c

return?sum

}

在這個(gè)函數(shù)中，基數(shù)值base是通過(guò)上下文環(huán)境決定的，如果基數(shù)是1，那么add(1)的結(jié)果就是2，如果基數(shù)是10，那么add(1)的結(jié)果就是11。當(dāng)然本函數(shù)的參數(shù)是可變的，當(dāng)基數(shù)為10時(shí)，你也可以這么寫：add(1,2,3,4)，其結(jié)果為10+1+2+3+4=20。

那函數(shù)的上下文環(huán)境怎么決定呢？就是題主所提到的bind()函數(shù)。下面我們規(guī)定兩個(gè)上下文：

var?context1?=?{

base:?1

}

var?context2?=?{

base:?10

}

這樣當(dāng)你就可以通過(guò)bind創(chuàng)造一個(gè)基數(shù)為1和基數(shù)為10的累加函數(shù)：

var?addbase1?=?add.bind(context1,?9)

var?addbase10?=?add.bind(context2)

什么？你問(wèn)我為什么addbase1在bind的時(shí)候會(huì)有兩個(gè)參數(shù)（context1、9）？因?yàn)檫@里其實(shí)等于我在bind的同時(shí)就給addbase1這個(gè)函數(shù)開(kāi)始傳參啦，這個(gè)就是題主題目中的第一個(gè)arguments。還記得那個(gè)切片arguments.slice(1)么？就是把提供上下文的參數(shù)context1切掉了，保留了傳給addbase1的參數(shù)9。

當(dāng)然，在定義了函數(shù)之后我也可以正常傳參，如：

addbase1(1,?2,?3,?4)??//結(jié)果為20

addbase10(1,?2,?3,?4)?//結(jié)果也是20

這里的1,2,3,4就是題主所謂的第二個(gè)arguments，而我們看到函數(shù)addbase1的結(jié)果和addbase10的結(jié)果一樣，就是因?yàn)樵赽ind函數(shù)里有一行concat，將我們兩次傳入的arguments結(jié)合了起來(lái)，使得addbase1的過(guò)程變成：1(基底)+9(第一次傳參)+1+2+3+4 = 20

但是要注意的時(shí)，第一次傳參的arguments和第二次傳參的arguments是不同的，因?yàn)榈谝淮蝹魅氲膮?shù)會(huì)被保存在函數(shù)的閉包中，成為一種currying的屬性，不會(huì)隨著以后的傳參而改變（即保存在了代碼第五行的args中）。也就是說(shuō)，當(dāng)你再次執(zhí)行如下代碼時(shí)：

addbase1(1,?2,?3,?4)??//結(jié)果依然是20，實(shí)際上addbase1和addbase10一樣了

實(shí)際上也就是說(shuō)，在bind時(shí)傳入的參數(shù)，也就是第一個(gè)arguments，會(huì)影響函數(shù)的屬性；在調(diào)用時(shí)傳入的參數(shù)，也就是第二個(gè)arguments，不會(huì)影響函數(shù)的性質(zhì)。

希望能幫到你。

【有關(guān)網(wǎng)頁(yè)設(shè)計(jì)的問(wèn)題！！求答！！回答滿意再賞！】

先回答你的問(wèn)題：

第一：軟件：dreamweaver（目前比較流行，你說(shuō)的frontpage也可以，但現(xiàn)在用的人也來(lái)越少了）需要學(xué)習(xí)靜態(tài)網(wǎng)頁(yè)知識(shí)html、css。

第二：這個(gè)問(wèn)題在這里是說(shuō)不清楚的，這一步涉及到程序設(shè)計(jì)。屬于動(dòng)態(tài)網(wǎng)站的范疇了。

第三，根據(jù)你的需求的話，你可以租一個(gè)虛擬空間就可以了，服務(wù)器還用不著，有點(diǎn)浪費(fèi)；租用虛擬空間的時(shí)候還得看你用的是什么語(yǔ)言和數(shù)據(jù)庫(kù)

接下來(lái)我補(bǔ)充一些：

首先，原諒我毫不避諱的講，如果你對(duì)網(wǎng)頁(yè)設(shè)計(jì)一竅不通，要做出你說(shuō)的那樣相當(dāng)難！

但是對(duì)于一個(gè)所謂與偶程序語(yǔ)言基礎(chǔ)的人和網(wǎng)頁(yè)設(shè)計(jì)出的人來(lái)說(shuō)又是很簡(jiǎn)單的。

其次，要做到你講的第一步的話，通過(guò)學(xué)習(xí)一段時(shí)間靜態(tài)網(wǎng)站的制作你是可以完全達(dá)到的，但是你的后面的要求就是屬于動(dòng)態(tài)網(wǎng)站的范疇了，需要進(jìn)一步學(xué)習(xí)程序語(yǔ)言。

簡(jiǎn)單的說(shuō)一下網(wǎng)站的制作流程：

第一：策劃構(gòu)思

第二：設(shè)計(jì)出圖；這一步需要良好的設(shè)計(jì)功底，會(huì)photoshop等軟件

第三：切片并制作靜態(tài)頁(yè)面；這一步需要用到html知識(shí)，比如div+css,javascript等。

在制作靜態(tài)頁(yè)面的過(guò)程中需要接觸到dreamweaver（目前比較流行，你說(shuō)的frontpage也可以，但現(xiàn)在用的人也來(lái)越少了）

如果要繼續(xù)深入，還可以了解學(xué)習(xí)flash以及actionscript。可以制作出更多好看的動(dòng)畫效果。

（到這一步你就可以完成你的第一個(gè)要求，到這一步就可以制作出一個(gè)靜態(tài)網(wǎng)頁(yè)了要達(dá)到你的第二個(gè)要求還得看下面的。）

第四：套用程序，程序可以使自己更具需求寫的，也可以是使用現(xiàn)成的CMS系統(tǒng)自己改變一下；這一步是一個(gè)很復(fù)雜的過(guò)程，很多種程序都可以制作網(wǎng)站，比如：php,asp,.net,java等等，還需要學(xué)習(xí)數(shù)據(jù)庫(kù)如：mysql，mssql等，以及本地服務(wù)器環(huán)境搭建。使用現(xiàn)成的CMS的話我推薦織夢(mèng)、動(dòng)易，帝國(guó)、康盛等知名cms,這些開(kāi)源的CSM可以滿足一般網(wǎng)站的需求，大大減少我們的研發(fā)時(shí)間。

第五：上傳到服務(wù)器，需要用到學(xué)習(xí)上一步學(xué)習(xí)服務(wù)器環(huán)境搭建，比如IIS的配置等···

新聞標(biāo)題：javascript切片,js 切片
標(biāo)題鏈接：http://chinadenli.net/article18/dsgdegp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、外貿(mào)建站、網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)、Google、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)