一、安装 二、main.js中 导入组件 三、代码 1、要为缩略图设定样式 ，要在全局样式中设定，如下： 2、组件代码： 四、效果1、缩略图 2、预览图 ...
分类：
其他好文 时间：
2019-07-01 12:24:04
阅读次数：
109
1.安装express模块 命令行里输入npm install express -g 之后输入express -V查看版本信息，提示‘express'不是内部或外部命令，也不是可运行的程序。因为express4.x中将命令工具分离出来了，所有需要先装express-generator。 命令行输入： ...
分类：
其他好文 时间：
2019-06-20 10:55:28
阅读次数：
353
在使用file上传文件的时候，想到了图片预览的功能，然后查询了一些资料，一种是需要后端配合，将数据变成base64或者buff等数据传给后端然后调取接口进行显示，但是这种需要后端的配合和网络请求，感觉不如在纯前端操作方便的多， 话不多说，上代码： 效果如图所示： ...
分类：
Web程序 时间：
2019-06-11 15:03:53
阅读次数：
143
Vue-preview是一个非常好用的移动端图片预览的组件，简单易用是它的一大特点，支持滑动换图，支持手势缩放，显示当前时第几张和总共多少张。 vue-preview1.1.3版本跟之前有了一点变化，现把具体用法记录一下。 1.安装 2.在main.js文件中导入该组件，并挂载到Vue身上 3.在自 ...
分类：
其他好文 时间：
2019-05-24 12:31:51
阅读次数：
342
上传页面采用了layui 的上传模块，要实现的功能：选择文件后 点击文件名，页面中间弹窗内预览图片，先看效果图： 预览功能的实现具体有2种方式：第一种是用blob+FileReader，第二种是layUI自带的。 1. 用layUI 自带的参数实现图片预览： See = function(index ...
分类：
Web程序 时间：
2019-05-14 19:09:52
阅读次数：
1537
ThreeSixty 是生成可拖动的360度预览图像序列的 jQuery 插件。只需要在你的 HTML 页面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了，支持键盘上的箭头键，也支持触摸和移动设备。可以使用 nextFrame() 和 prevFrame() 绑定 UI ...
分类：
其他好文 时间：
2019-04-21 00:21:21
阅读次数：
164
今天做一个需要在IE浏览器上使用的信息录入项目，遇到了图片上传预览的问题，找了一些资料，最后使用了IE自带的滤镜做到了 鼠标移动到该头像上时的效果（图片是随便找的一个矢量相机）： JS代码如下： 以上。 ...
分类：
Web程序 时间：
2019-03-29 14:39:36
阅读次数：
193
做网站的时候，经常会遇到因图片宽高比率不一致导致图片显示方式有问题。 1、在图片宽高未知的情况下，图片上下左右居中 我以前的博客文章有写过，就不再重复了。博客地址，效果预览地址（欢迎copy） 上面的虽然没问题，但是在图片列表里，图片上下左右不对齐，造成图片列表排版很难看，产品要求宽高定死，也就是下 ...
分类：
移动开发 时间：
2019-01-30 15:51:23
阅读次数：
213
作者：BuBu高打火机 来源：CSDN 原文：https://blog.csdn.net/fd214333890/article/details/71250488/ 使用之后可以将图片显示出来，但是需要自己将样式、容器写好 ...
分类：
其他好文 时间：
2019-01-20 13:58:40
阅读次数：
170
