Function uploadImage

packages/plugins/image/src/utils.ts:110–142

(editor: Editor, path: Path, file: File | string)

}

export const uploadImage = (editor: Editor, path: Path, file: File | string) => {
  const options = getOptions(editor)
  const promise = new Promise<void>(resolve => {
    const pathRef = Editor.pathRef(editor, path)

    const { onUpload = defaultUpload } = options
    onUpload(file, ({ percentage }) => {
      const path = pathRef.current
      if (path) setPercentage(editor, path, percentage)
    })
      .then(url => {
        const path = pathRef.current
        if (path) Transforms.setNodes<Image>(editor, { url, state: 'done' }, { at: path })
      })
      .catch(err => {
        const path = pathRef.current
        if (path)
          Transforms.setNodes<Image>(
            editor,
            { state: 'error', errorMessage: typeof err === 'string' ? err : err.message },
            { at: path },
          )
      })
      .finally(() => {
        const path = pathRef.unref()

        if (path) setPercentage(editor, path, 100)

        resolve()
      })
  })
  return promise
}

export function rotateImgWithCanvas(image: HTMLImageElement, degrees: number): Promise<Blob> {
  return new Promise((resolve, reject) => {