html使用ajax實現文件分片上傳

在實用中,經常有上傳文件的操作,但是上傳的文件有時會很大,所以需要將文件分片,然後一片一片上傳到後臺。
其實前端寫法跟普通的文件上傳沒有區別,只是需要把文件切割一下就好了。
下面是一個例子:
代碼
ajax文件上傳
結果:
ajax文件上傳
js部分:
ajax文件上傳
獲取文件後就開始分片上傳,有兩個參數,第一個是文件,第二個是從第幾片開始上傳,當然是第一片
下面是PostFile的JS部分啦:
ajax實現文件分片上傳

ajax文件分片上傳
可以看出,其實就是普通的文件上傳,只是獲取了文件的大小,然後用slice方法把文件切割,
參數用index1的原因是我用node作爲服務器,可能是index與什麼系統內部的變量衝突了,使用不了index,所以換了一個名字,這樣,後臺接收到,判斷一下當前是不是最後一片,不是則返回status = 201就可以遞歸使用了,
如果是最後一片了,則返回status = 200就好了。
剩下的就由後臺來拼接組裝文件了(雖然我沒成功,所以這裏就不放怎重組成一個完整的文件了,不過我用這個方法給寫Java的後臺同事試了一下,可以成功,也就是前端方面是沒有問題的。後臺知識的學習還是得加把勁)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章