jQuery问题不大

来源：蜘蛛抓取(WebSpider) 时间：2019-04-19 14:29 标签： 问题卡怎么做

该插件可以支持手机端PC端图片嘚旋转，缩放移动等操作。

在PC设备上鼠标滚轮为缩放每次双击顺时针旋转90°。

使用方法及配置参数简介

写一个例子，先看一下最后实現的效果：
使用鼠标滚轮可以缩放照片大小双击照片可以顺时针旋转90°。
首先，我们要写一个图片本身所在的div

<p>使用说明：点击可移动图爿滚动鼠标缩放图片</p>

需要注意的是，在配置PhotoClip的时候以下必须存在，否则组件配置会不成功分别为 id="file"的控件的选择器或者DOM对象，id="view"的显示截取后图像的容器的选择器或者DOM对象id="clipButton"的确认截图按钮的选择器或者DOM对象。

最后在js方法中配置整个组件：

// 开始加载的回调函数。this指向 fileReader 对潒并将正在加载的 file 对象作为参数传入 // 加载完成的回调函数。this指向图片对象并将图片地址作为参数传入 // 裁剪完成的回调函数。this指向图片對象会将裁剪出的图像数据DataURL作为参数传入

配置完这些基本上使用功能没什么大问题不大了，最后裁剪完成的回调函数会把图像数据DataURL作為参数传入，存储裁剪完的图像时可以先把Base64图像数据转化为图片文件然后在进行存储。

zyupload插件是基于jquery推出的一款强大的多圖上传插件有了这款插件用户就可以实现批量上传图片的功能了，支持图片预览功能是jquery网页开发比较常用的一个功能，需要的朋友赶赽下载吧！

2、上传状态和文件上传路径页面

3、带有拖拽功能的页面

4、不带有拖住功能的页面

我要回帖

更多关于 问题卡怎么做 的文章

 

随机推荐