@shawyu/image-preview

imagePreview是一个轻量级、无依赖的JavaScript插件，可以网页中实现图片预览功能，快速查看图片的大图，并提供了一些基本的交互功能，如放大、缩小、旋转等。

Github地址

https://github.com/shawyuu/js-plugin/tree/main/imagePreview

Getting started

Install

npm install @shawyu/image-preview

In browser

<script src="../imagePreview/index.js"></script>

Usage

import ImagePreview from '@shawyu/image-preview'

/*单图预览*/
ImagePreview.show({
	src:"图片路径",
	success:()=>{},
	fail:()=>{}
})

/*多图预览*/
ImagePreview.show({
	urls:["图片路径1","图片路径2"]
})

ImagePreview.show({
	src:"图片路径1",
	urls:["图片路径1","图片路径2"]
})

All Props

属性	类型	默认值	必需	描述
src	string	""	NO	要预览的图片路径，多图预览非必需(或为urls其中一张路径)，单图预览必需
urls	Array<string>	[]	NO	多图预览时(必填)的图片路径列表
success	function		NO	图片加载成功后的回调函数
fail	function		NO	图片加载失败后的回调函数

Logs

1.0.0 version
1.0.2 Adapt to mobile devices