3.1.4 imgShow

说明: 用来查看大图,给用户极致体验.并支持放大缩小,旋转,下载操作.

使用及参数说明:
xui.showImg(src, string);
  • 给图片一个点击事件(或者别的),然后调用方法即可查看大图
  • src表示图片的src 必传
  • string表示图片处在同域下时下载的文件名
  • 没有你想要的功能? 快联系我: xumeng0611@gmail.com添加吧

不是同域下，不同浏览器有不同的操作, 有的会下载, 有的则会新标签打开查看图片

效果展示

点击图片即可放大,并支持旋转缩放等等.仅仅传入对应的图片url即可.

1.点击图片查看大图

xui.showImg(url); //传入图片url即可预览

2.可以配置相关操作选项,第二个参数为string时,可下载该图片.

说明: 关于下载图片相关知识, 请戳a标签属性 mdn

下面这张图片来自网上,是跨域的图片,你试图修改下载文件名,但是失败了. PS: 不同域不会正常下载图片
下面这张图片来自本地,是同域,所以可以更改下载文件名
xui.showImg(url, 'hello'); //传入图片url即可预览, 第二个参数为string可下载图片

results matching ""

    No results matching ""