Home > @dinofe/xt-core > loadImage

loadImage() function

加载图片为 Image (opens new window) 对象

Signature:

export declare function loadImage(url: string, 
isBase64?: boolean, 
baseUrl?: string): Promise<HTMLImageElement>;

Parameters

Parameter	Type	Description
url	string	图片地址，完整地址、相对地址、 Blob 地址或 base64 字符串
isBase64	boolean	(Optional) url 是否 base64 字符串
baseUrl	string	(Optional) 图片基础路径

Returns:

Promise<HTMLImageElement>

Promise 包装的图片 Image 对象

Example 1

url

import { loadImage } from '@dinofe/xt-core/web'
loadImage('http://www.example.com/xxx.jpg')
 .then(image => { console.log(image) })
 .cath(e => { console.log(e.message) })

Example 2

base64

import { loadImage } from '@dinofe/xt-core/web'
const base64Str = '....'
loadImage(base64Str, true)
 .then(image => { console.log(image) })
 .catch(e => { console.log(e.message) })