前端數(shù)據(jù)處理相關(guān)

前端數(shù)據(jù)種類
  1. 常見類型:基礎(chǔ)類型+引用類型
  2. Blob對(duì)象:File對(duì)象繼承自Blob,用于處理二進(jìn)制相關(guān)的數(shù)據(jù)
  //傳入二進(jìn)制字符串,和文件類型,創(chuàng)建一個(gè)blob對(duì)象
  let blob = new Blob([bin], {
    type: "application/vnd.ms-excel",
  });
  1. File對(duì)象:包含文件名稱大小類型等屬性,文件內(nèi)容需要FileReader讀取
    • 根據(jù)二進(jìn)制流創(chuàng)建const file = new File([bins], 'a.png', {type: 'image/png'});
    • 根據(jù)blob創(chuàng)建const file = new File([blob], 'a.png', {type: 'image/png'});
  2. FileReader:讀取Blob或File對(duì)象,讀取結(jié)果在res.target.result里面
    • readAsText以文本方式讀取
    • readAsDataURL讀取為Data URL(base64鏈接)
    • readAsBinaryString讀取為二進(jìn)制字符串(文件流)
    • readAsArrayBuffer讀取為arraybuffer數(shù)組
  3. arraybuffer:保存大量二進(jìn)制數(shù)據(jù)的數(shù)組,只能保存單一類型,只能讀不能寫
  4. window.URL對(duì)象:
    • createObjectURL:接收一個(gè)Blob或File對(duì)象將其轉(zhuǎn)化為Blob URL(blob鏈接,類似base64鏈接)
    • revokeObjectURL:釋放創(chuàng)建的blob鏈接
  5. Base64:一種編碼方式,可將二進(jìn)制流編碼為字符串,可以
    • btoa:二進(jìn)制編碼為base64的方法
    • atob:base64解碼為二進(jìn)制的方法
傳輸數(shù)據(jù)種類
  1. FormData對(duì)象:創(chuàng)建表單對(duì)象,通過append增加鍵值對(duì),可以向服務(wù)端傳遞參數(shù),需要設(shè)置請(qǐng)求頭
  2. Content-Type:請(qǐng)求頭或者返回頭屬性,表示請(qǐng)求參數(shù)或者返回?cái)?shù)據(jù)的類型
    • application/json:json對(duì)象
    • multipart/form-data:FormData對(duì)象,主要用于上傳文件
    • application/octet-stream:二進(jìn)制流數(shù)據(jù)
  3. responseType:接口返回的數(shù)據(jù)類型
    • "":字符串類型,默認(rèn)值
    • json:json對(duì)象
    • blob:blob對(duì)象
    • arrayBuffer:arrayBuffer對(duì)象
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容