Можете на 1с поднять, если проще

)) интересней новое изучать

подскажите как просмотреть файл (открыть его по клику). Сейчас сделал его загрузку, а просмотр не работает. Нашел вариант считывание массива байтов через FileReader, но не работает. Где я ошибаюсь?

export class File {
  /**
   * @param {string} encoded
   * @returns {number[]}
   */
  static convert(encoded) {
    const binaryString = window.atob(encoded)
    const binaryLen = binaryString.length
    const bytes = new Uint8Array(binaryLen)
    for (let i = 0; i < binaryLen; i++) {
      let ascii = binaryString.charCodeAt(i)
      bytes[i] = ascii
    }
    return bytes
  }
  /**
   * @param {string} name
   * @param {number[]} bytes
   */
  static save(name, bytes) {
    const blob = new Blob([bytes])
    // let reader = new FileReader();
    // reader.readAsArrayBuffer(blob);
    const link = document.createElement("a")
    const fileName = name
    link.href = window.URL.createObjectURL(blob)
    link.download = fileName
    link.click()
    link.remove()
  }

  /**
   * @param {string} filename
   * @param {string} content
   */
  static download(filename, content) {
    const decoded = this.convert(content)
    File.save(filename, decoded)
  }
}

У файла должны быть необходимые мета данные, если их отдаёт бэк, это делается на его стороне

Можно файл открыть в <embed/> на странице если это pdf, video или тп

имя файла например?

Именно мета данные

Специальные, точно не помню

ну я с бэка получаю строку с бинаркой, которую я потом декодирую

fetchIncludedFile = (file, btaDocId) => {
        this.setState({ loading: true }, async () => {
            const { type, content } = await downloadFile(btaDocId, file.id);

            this.setState({ loading: false }, () => {
                if (type === 'ok') {
                    File.download(file.filename, content);
                }
            });
        });

или речь о другом?

Можно урл загрузки поместить в href и при условии они откроются в новом окне

Подскажите, можно ли забатчить ошибки в аксиосе, чтобы разом обработать несколько упавших запросов? Или придется в промис алл оборачивать?

можно свой интерсептор вставить и там написать эту логику, но вроде из коробки так сделать нельзя

типо этого?

static open(name, bytes) {
    const blob = new Blob([bytes])
    let reader = new FileReader();
    reader.readAsArrayBuffer(blob);
    reader.onload = () => {
      const link = document.createElement("a")
      link.href = window.URL.createObjectURL(reader.result)
    }
  }

Можно и так)

Так пробовал, ошибка почему то

Как base64?

Ребята кто щарит в ребуса

Пж помогите

×
TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed.