回覆列表
  • 1 # aifue24779

    有,可以透過HTML5 File api 實現斷點續傳。

    一、實現檔案多選 HTML5的新增了"multiple"屬性,該屬性可接受多個值的檔案上傳欄位 添加了該屬性使用者就可以在彈出的對話方塊中一次性選擇多個檔案了

    二、實現檔案從計算機拖拽到網頁以及新增檔案佇列功能 這裡我們用 dragover 和 drop 兩個事件來管理檔案拖拽的功能 其中 dragover 用來處理在指定的元素上移動時的事件,這裡我們透過給body繫結dragover時間來處理頁面中拖動檔案的事件 document.body.addEventListener("dragover", dragFile,false);function dragFile(evt) {evt.stopPropagation();evt.preventDefault();evt.dataTransfer.dropEffect = "copy";}用 drop 事件來處理滑鼠鬆開時候的事件,此時應該將使用者拖動過來的檔案加入到上傳佇列中,以供後續的處理 document.body.addEventListener("drop", dropFile,false);function dragFile(evt) {evt.stopPropagation();evt.preventDefault();// dataTransfer.files屬性可以獲取到所有拖動選擇的檔案,透過遍歷可以讀取到所有檔案的資訊。// 遍歷每個檔案可以獲取到檔案的 name、size、type、lastModifiedDate等關鍵資訊var files = evt.dataTransfer.files;// addfile 方法 用來新增上傳檔案佇列,在input的change事件中也需要呼叫// 該方法首先檢查有無檔案正在上傳中,如果有就將後續加入的檔案放到上傳佇列中,如果沒有檔案正在上傳就直接執行上傳命令addfile(files);} 斷點續傳指的是在下載或上傳時,將下載或上傳任務(一個檔案或一個壓縮包)人為的劃分為幾個部分,每一個部分採用一個執行緒進行上傳或下載,如果碰到網路故障,可以從已經上傳或下載的部分開始繼續上傳下載未完成的部分,而沒有必要從頭開始上傳下載。使用者可以節省時間,提高速度。

  • 中秋節和大豐收的關聯?
  • 請了幾次老外男友吃飯,但沒見他請我吃飯,就算有他說他們文化是aa,正常嗎?