How to get the file length using PnP JS?

Question

I know how to get the file size using REST API, basically this here:

https://tenant.sharepoint.com/sites/site_name/_api/web/GetFileByServerRelativePath(decodedurl='/sites/site_name/Lists/ListName/Attachments/1/Airbus_Pleiades_50cm_8bit_RGB_Yogyakarta.jpg')/Length

But for the love of me I can't figure out how to do this using PnP JS.

Any help would be appreciated.

The official doc is not much help here: https://pnp.github.io/pnpjs/sp/files/

I will use the RAW REST API for now but really would like to know how to use PnP SP for that

Answer 1

You could get the file length like this:

  sp.web
    .getFileByServerRelativePath("/sites/test/Shared Documents/a.txt")
    .get()
    .then(file=>{
              console.log(file.Length)
          });

Answer 2

Try using this:

const file = await sp.web.getFileByServerRelativeUrl(fileUrl).getBuffer();
const fileLength = file.byteLength;
console.log(fileLength);

Answer 3

PnP.js might not have every single REST endpoint implemented. However, you can still call any REST end endpoint you want. You don't need PnP.js wrapper for everything. For example, this is how you can get the file size using SPHttpClient:

import { sp, SPHttpClient } from "@pnp/sp/presets/all";

(async () => {
  var url = "https://contoso.sharepoint.com/_api/web/GetFileByServerRelativePath(decodedurl='/Lists/Clients/Attachments/1/Converted_Demo_Solution_1_0_0_1.zip')/Length"
  const client = new SPHttpClient();
  const response = await client.get(url, {
    headers: {
      accept: "application/json"
    }
  });

  const json = await response.json();
  console.log(`file size is ${json.value}`)

})().catch(console.log)