ImageReader

For photo album reading or photos taking

Import

import { ImageReader } from  'mand-mobile-next'
import imageProcessor from 'mand-mobile/lib/image-reader/image-processor'

// Image processing plugin, refer to #imageProcessor for usage，only support web

Vue.createApp().component(ImageReader.name, ImageReader)

Code Examples

API

ImageReader Props

Props	Description	Type	Default	Note
name	identifier	String	-	used to distinguish multiple readers
maxSize	image size limit	String/Number	-	unit `kb`
accept	supported image types，only support web	Array	`*`	such as `['jpeg','png']`
is-camera-only	only support photographing	Boolean	`false`	-
is-multiple	support selection of multiple sheets，only support web	Boolean	`false`	there is a compatibility issue
max-amount	number of sheets	Number	-	valid only when `is-multiple` is `true`
disabled	-	Boolean	false	-
is-processor	image quality compression	Boolean	false	-

ImageReader Events

@select(name, { files })

Picture selection completed, while reading hasn't been started yet，only support web

Parameters	Description	Type	Note
name	identifier	String	-
files	image file objects set	Array<File>	-

@complete(name, { dataUrl, blob, file })

Picture reading completed

Parameters	Description	Type	Note
name	identifier	String	-
dataUrl	base64	String	-
blob	image Blob object for `formData`，only support web	Blob	-
file	image file object	File	-

@error(name, { code, msg })

Picture selection and reading failed

Parameters	Description	Type	Note
name	identifier	String	-
code	error identifier	String	-
msg	error message	String	-

imageProcessor

For image axial correction, picture quality compression and height control

Import

import imageProcessor from 'mand-mobile/lib/image-reader/image-processor'

/**
 * options Image processing configuration
 * fn(dataUrl, blob) Process completes callback
 * @return Promise({dataUrl, blob})
 */
imageProcessor(options[, fn])

options

Props	Description	Type	Note
dataUrl	base64	String	-
width	picture width	Number	unit `px`, scaled when width exceeds
height	picture height	Number	unit `px`, scaled when height exceeds
quality	picture quality	Number	value range `0-1`

Appendix

Picture read failed error code and error message

'100': 'browser does not support'
'101': 'picture size is beyond the preset'
'102': 'picture read failure'
'103': 'the number of pictures exceeds the limit'

Icon

ImageViewer

# ImageReader

# Import

# Code Examples

# API

# ImageReader Props

# ImageReader Events

# @select(name, { files })

# @complete(name, { dataUrl, blob, file })

# @error(name, { code, msg })

# imageProcessor

# Import

# options

# Appendix

ImageReader

Import

Code Examples

API

ImageReader Props

ImageReader Events

@select(name, { files })

@complete(name, { dataUrl, blob, file })

@error(name, { code, msg })

imageProcessor

Import

options

Appendix