1、先在页面空白地方右击“审查元素”
2、在页面代码编辑区域搜索“优先席别”
3、在网页页面出现席别选择，此时选择硬卧，然后右键“硬卧”选项并审查元素
4、在硬卧的span标签后增加以下代码即可：
|
1 2 3 4 5 6 |
<select name="passsenger_1_seat-detail_select" id="passenger_1_seat_detail_select" onchange="setseatDetail('1')"> <option value="0">随机</option> <option value="3">上铺</option> <option value="2">中铺</option> <option value="1">下铺</option> </select> |
方式一，无需回调结果：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
let platform = uni.getSystemInfoSync().platform; if (platform == 'android') { //获取宿主上下文 var main = plus.android.runtimeMainActivity(); var openUrl = "sway://openapi:8848/oauthLogin?appKey=" + this.appKey + "&pkgName=" + this .pkgName; console.log(openUrl); //通过反射获取Android的Uri对象 var Uri = plus.android.importClass("android.net.Uri"); var uri = Uri.parse(openUrl); //通过反射获取Android的Intent对象 var Intent = plus.android.importClass("android.content.Intent"); var intent = plus.android.newObject("android.content.Intent", Intent.ACTION_VIEW, uri); main.startActivity(intent); } else { uni.showToast({ title: "仅支持安卓客户端", icon: 'none', duration: 2000 }); } |
方式二，需要回调结果：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
let platform = uni.getSystemInfoSync().platform; if (platform == 'android') { //获取宿主上下文 var main = plus.android.runtimeMainActivity(); var openUrl = "sway://openapi:8848/oauthLogin?appKey=" + this.appKey + "&pkgName=" + this .pkgName; console.log(openUrl); //通过反射获取Android的Uri对象 var Uri = plus.android.importClass("android.net.Uri"); var uri = Uri.parse(openUrl); //通过反射获取Android的Intent对象 var Intent = plus.android.importClass("android.content.Intent"); var intent = plus.android.newObject("android.content.Intent", Intent.ACTION_VIEW, uri); //请求码保证了，开始的新界面和返回的是同一个操作 var CODE_REQUEST = 1000 main.startActivityForResult(intent, CODE_REQUEST); //设置原生界面返回后的回调操作 main.onActivityResult = function(requestCode, resultCode, data) { if (requestCode == CODE_REQUEST) { //alert(requestCode); //这个是正确的 1000 //alert(resultCode); //始终都是0 //alert(data); //弹出 undefined plus.android.importClass(data); var bundle = data.getExtras(); plus.android.importClass(bundle); let result = eval('(' + bundle.getString("data") + ')'); } } } else { uni.showToast({ title: "仅支持安卓客户端", icon: 'none', duration: 2000 }); } |
uni-app代码：
|
1 2 3 4 5 6 7 8 9 10 |
//获取当前Activity，使用H5的方式调用android原生方法，从而启动activity var main = plus.android.runtimeMainActivity(); //invoke: 调用对象（类对象/实例对象）的方法,调用Android原生方法 let result = plus.android.invoke('cn.com.sway.test.TestActivity', 'test', main); //弹窗显示返回结果 uni.showToast({ title: "调用原生activity返回的结果为：\n" + result, icon: 'none', duration: 2000 }); |
安卓代码：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
package cn.com.sway.test; import android.app.Activity; import android.widget.Toast; import java.util.Random; public class TestActivity extends Activity { public static String test(Activity activity, String text){ Toast.makeText(activity, "来自uni-app的消息："+text, Toast.LENGTH_SHORT).show(); return "来自android的消息："+(new Random()).nextInt(); } } |
注意，被调用的安卓方法必须为static静态方法，否则无法被调起。
1.jQuery插件支持的转换方式：
$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
2.浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器：
JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式；
var a={“name”:”tom”,”sex”:”男”,”age”:”24″};
var b='{“name”:”Mike”,”sex”:”女”,”age”:”29″}';
var aToStr=JSON.stringify(a);
var bToObj=JSON.parse(b);
alert(typeof(aToStr)); //string
alert(typeof(bToObj));//object
3.Javascript支持的转换方式：
eval(‘(‘ + jsonstr + ‘)’); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号
注：ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象，但不推荐这些方式，这种方式不安全eval会执行json串中的表达式。
4.JSON官方的转换方式：
http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法；
可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。
1、在新的SpringBoot项目中的pom.xml引入如下依赖：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!-- 引入Zuul starter --> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-netflix-zuul</artifactId> </dependency> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter</artifactId> </dependency> <!-- 连接Eureka --> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId> </dependency> |
2、在pom.xml的project中加入SpringCloud的版本管理配置：
|
1 2 3 4 5 6 7 8 9 10 11 |
<dependencyManagement> <dependencies> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-dependencies</artifactId> <version>${spring-cloud.version}</version> <type>pom</type> <scope>import</scope> </dependency> </dependencies> </dependencyManagement> |
3、编辑配置文件application.propertites：
|
1 2 3 4 5 6 7 8 9 10 11 12 |
spring.application.name = zero4j-zuul-gateway eureka.client.serviceUrl.defaultZone = http://admin:123456@localhost:8761/eureka/ eureka.instance.instance-id = ${spring.cloud.client.ip-address}:${spring.application.name}:${server.port} eureka.instance.prefer-ip-address = true #只要访问以/api/v1/areas开头的多层目录都可以路由到服务名为zero4j-provider-area的服务上. zuul.routes.zero4j-provider-area.path = /api/v1/areas zuul.routes.zero4j-provider-area.service-id = zero4j-provider-area zuul.routes.zero4j-provider-area.stripPrefix = false server.port = 4000 |
4、最后在application启动类中加入@EnableDiscoveryClient和@EnableZuulProxy注解：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
package com.zero4j; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cloud.client.discovery.EnableDiscoveryClient; import org.springframework.cloud.netflix.zuul.EnableZuulProxy; @EnableDiscoveryClient @EnableZuulProxy @SpringBootApplication public class Zero4jZuulGatewayApplication { public static void main(String[] args) { SpringApplication.run(Zero4jZuulGatewayApplication.class, args); } } |
1、在eureka服务器的pom.xml中引入依赖：
|
1 2 3 4 5 |
<!-- Spring Cloud Security 依赖 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-security</artifactId> </dependency> |
2、创建密码安全认证密码匹配规则类MyPasswordEncoder.java：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
package com.zero4j.config; import org.springframework.security.crypto.password.PasswordEncoder; public class MyPasswordEncoder implements PasswordEncoder { @Override public String encode(CharSequence charSequence) { return charSequence.toString(); } @Override public boolean matches(CharSequence charSequence, String s) { return s.equals(charSequence.toString()); } } |
3、在eureka服务器中创建配置类SecurityConfig.java：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
package com.zero4j.config; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder; import org.springframework.security.crypto.factory.PasswordEncoderFactories; import org.springframework.security.crypto.password.PasswordEncoder; import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder; import org.springframework.security.config.annotation.web.builders.HttpSecurity; import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity; import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter; @Configuration @EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter { @Bean public PasswordEncoder passwordEncoder() { return PasswordEncoderFactories.createDelegatingPasswordEncoder(); } //@Autowired //BCryptPasswordEncoder passwordEncoder; @Override protected void configure(AuthenticationManagerBuilder auth) throws Exception { //以前可以不指定PasswordEncoder,但是新的SpringBoot依赖的SpringCloudScurity需要了 //auth.inMemoryAuthentication().withUser("admin").password("123456").roles("ADMIN"); //这样，密码以明文的方式进行匹配 auth.inMemoryAuthentication().passwordEncoder(new MyPasswordEncoder()).withUser("admin").password("123456").roles("ADMIN"); //auth.inMemoryAuthentication().withUser("admin").password(passwordEncoder.encode("123456")).roles("ADMIN"); } @Override protected void configure(HttpSecurity http) throws Exception { http.csrf().ignoringAntMatchers("/eureka/**"); super.configure(http); } } |
4、启动服务，访问eureka服务中心，使用admin:123456进行登录，成功进入eureka控制台
5、对微服务提供者的application.propertites说引用的eureka服务中心地址的前面加入“admin:123456@”，如：http\://admin:123456@localhost\:8761/eureka/ ，然后启动即可~
1、先在pom.xml中引入如下依赖：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!--Netflix Eureka依赖--> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId> </dependency> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-netflix-ribbon</artifactId> </dependency> <!--springcloud整合的openFeign--> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-openfeign</artifactId> </dependency> |
2、在pom.xml中的<project></project>之间增加以下关于springcloud的版本管理：
|
1 2 3 4 5 6 7 8 9 10 11 |
<dependencyManagement> <dependencies> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-dependencies</artifactId> <version>${spring-cloud.version}</version> <type>pom</type> <scope>import</scope> </dependency> </dependencies> </dependencyManagement> |
3、在application.propertites中增加如下配置：
|
1 2 3 4 5 6 |
#feign的配置，连接超时及读取超时配置 feign.client.config.default.connectTimeout=5000 feign.client.config.default.readTimeout=5000 feign.client.config.default.loggerLevel=basic #开启熔断功能 feign.hystrix.enabled=true |
4、在application启动入口增加@EnableFeignClients注解：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
@EnableFeignClients @ImportResource("classpath:hibernate.xml") @SpringBootApplication public class Zero4jApplication extends SpringBootServletInitializer{ @Override protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) { return builder.sources(Zero4jApplication.class); } public static void main(String[] args) { SpringApplication.run(Zero4jApplication.class, args); } } |
5、创建FeignClient客户端：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
package com.zero4j.controller.api.v1; import org.springframework.cloud.openfeign.FeignClient; import org.springframework.web.bind.annotation.DeleteMapping; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PatchMapping; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestParam; @FeignClient(value="zero4j-provider-area", fallback=AreasApiHystrixV1.class) public interface AreasApiFeignClientV1 { @PatchMapping(value="api/v1/areas/{id}") String update( @PathVariable(value="id") String id, @RequestParam(value="token",required=false) String token, @RequestParam(value="name",required=false) String name, @RequestParam(value="parentId",required=false) String parentId, @RequestParam(value="hasChildren",required=false) Boolean hasChildren ); } |
6、编写调用微服务的Controller：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
package com.zero4j.controller.api.v1; import java.util.HashMap; import java.util.Map; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONObject; import org.hibernate.SessionFactory; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.HttpEntity; import org.springframework.http.HttpHeaders; import org.springframework.http.HttpMethod; import org.springframework.http.MediaType; import org.springframework.http.ResponseEntity; import org.springframework.web.bind.annotation.DeleteMapping; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PatchMapping; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.RestController; import org.springframework.web.client.RestTemplate; import com.zero4j.model.area.service.AreaService; @RestController @RequestMapping("/api/v1/areas") public class AreasApiControllerV1 { @Autowired private AreaService areaService; @Autowired private SessionFactory sessionFactory; @Autowired private RestTemplate restTemplate; @PatchMapping(value="/{id}") public ResponseEntity update(HttpServletRequest request,HttpServletResponse response, @PathVariable(value="id") String id, @RequestParam(required=false) String token, @RequestParam(required=false) String name, @RequestParam(required=false) String parentId, @RequestParam(required=false) Boolean hasChildren ){ return ResponseEntity.ok((String)areaApiFeignClient.update(id,token,name,parentId,hasChildren)); } } |
7、编写熔断处理方法：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
package com.zero4j.controller.api.v1; import net.sf.json.JSONObject; import org.springframework.stereotype.Component; @Component public class AreasApiHystrixV1 implements AreasApiFeignClientV1 { @Override public String update(String id, String token, String name, String parentId, Boolean hasChildren) { JSONObject out = new JSONObject(); out.put("status", 400); out.put("message", "update服务异常"); out.put("debug", "update服务异常"); return out.toString(); } } |
8、启动服务，访问对应的api，分别在微服务开启、关闭的时候调用API，查看结果即可。
| 微服务条目 | 落地技术 |
|---|---|
| 服务开发 | SpringBoot,Spring,SpringMVC |
| 服务配置与管理 | Netflix公司的Archaius、阿里的Diamond等 |
| 服务注册与发现 | Eureka、Consul、Zookeeper等 |
| 服务调用 | Rest、RPC、gRPC |
| 服务熔断器 | Hystrix、Envoy等 |
| 负载均衡 | Ribbon、Nginx等 |
| 服务接口调用（客户端调用服务的简化工具） | Feign等 |
| 消息队列 | Kafka、RabbitMQ、ActiveMQ等 |
| 服务配置中心管理 | SpringCloudConfig、Chef等 |
| 服务路由（API网关） | Zuul等 |
| 服务监控 | Zabbix、Nagios、Metrics、Specatator等 |
| 全链路追踪 | Zipkin、Brave、Dapper等 |
| 服务部署 | Docker、OpenStack、Kubernetes等 |
| 数据流操作开发包 | SpringCloud Stream(封装与Redis，Rabbit，Kafka等发送接收消息) |
| 事件消息总线 | SpringCloud Bus |
1、在pom.xml中加入如下依赖：
|
1 2 3 4 5 6 7 8 9 10 11 |
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- Spring Cloud Config - Server依赖 --> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-config-server</artifactId> <version>2.1.1.RELEASE</version> </dependency> |
注意高亮行，这个version需要和springboot的版本号一致。
2、在启动类中加入@EnableConfigServer注解
3、创建bootstrap.yml配置文件，本地配置如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
#服务启动端口配置： server: port: 3000 #指定配置文件所在目录或地址 spring: profiles: active: native cloud: config: server: native: search-locations: classpath:/config/ #search-locations: D:/Workspaces/zero4j/config/src/main/resources/config |
4、在项目的resources（class）目录中创建config文件夹，并在里面新增application-dev.properties文件，内容如下：
|
1 2 3 |
server.address=127.0.0.1 server.port=8081 a.url=dev1233 |
5、启动并访问 http://localhost:3000/application-dev.properties，能看到
1、在pom.xml中加入如下依赖：
|
1 2 3 4 5 6 7 8 9 10 11 |
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- Spring Cloud Config - Client依赖 --> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-config-client</artifactId> <version>2.1.1.RELEASE</version> </dependency> |
同样的，version那里切记要跟springboot的版本一致。
2、创建bootstrap.yml配置文件，配置如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
#启动端口配置： server: port: 8080 # 指明配置服务中心的网址 spring: application: name: application cloud: config: label: master profile: dev uri: http://127.0.0.1:3000 |
3、创建测试用的controller
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
package com.zero4j.controller; import org.springframework.beans.factory.annotation.Value; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RestController; @RestController public class TestController { @Value("${a.url}") private String datUrl; @GetMapping(value = "/test") public String hi(){ return datUrl; } } |
4、启动并访问http://localhost:8081/test，便能看到client获取server的class中config里的配置文件对应的a.url配置
原作者的git项目地址：https://github.com/baijunjie/PhotoClip.js
示例代码：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" /> <title>PhotoClip</title> <style> body { margin: 0; text-align: center; } #clipArea { height: 300px; } #file, #clipBtn { margin: 20px; } #view { margin: 0 auto; width: 200px; height: 200px; background-color: #666; } </style> </head> <body ontouchstart=""> <div id="clipArea"></div> <input type="file" id="file"> <button id="clipBtn">截取</button> <div id="view"></div> <script src="js/hammer.min.js"></script> <script src="js/iscroll-zoom-min.js"></script> <script src="js/lrz.all.bundle.js"></script> <script src="js/PhotoClip.js"></script> <script> var pc = new PhotoClip('#clipArea', { size: [260, 260], outputSize: 640, //adaptive: ['60%', '80%'], file: '#file', view: '#view', ok: '#clipBtn', //img: 'img/mm.jpg', loadStart: function() { console.log('开始读取照片'); }, loadComplete: function() { console.log('照片读取完成'); }, done: function(dataURL) { console.log(dataURL); }, fail: function(msg) { alert(msg); } }); // 加载的图片必须要与本程序同源，否则无法截图 pc.load('img/mm.jpg'); </script> </body> </html> |
new PhotoClip( container [, options] )
构造函数有两个主要参数：
表示图片裁剪容器的选择器或者DOM对象。
配置选项，详细配置如下：
type: Number|Array
截取框大小。
当值为数字时，表示截取框为宽高都等于该值的正方形。
当值为数组时，数组中索引[0]和[1]所对应的值分别表示宽和高。
默认值为 [100,100]。
type: String|Array
截取框自适应。设置该选项后，size 选项将会失效，此时 size 进用于计算截取框的宽高比例。
当值为一个百分数字符串时，表示截取框的宽度百分比。
当值为数组时，数组中索引 [0] 和 [1] 所对应的值分别表示宽和高的百分比。
当宽或高有一项值未设置或值无效时，则该项会根据 size 选项中定义的宽高比例自适应。
默认为 ''。
type: Number|Array
输出图像大小。
当值为数字时，表示输出宽度，此时高度根据截取框比例自适应。
当值为数组时，数组中索引 [0] 和 [1] 所对应的值分别表示宽和高，若宽或高有一项值无效，则会根据另一项等比自适应。
默认值为[0,0]，表示输出图像原始大小。
type: String
指定输出图片的类型，可选 ‘jpg’ 和 ‘png’ 两种种类型，默认为 ‘jpg’。
type: Number
图片输出质量，仅对 jpeg 格式的图片有效，取值 0 – 1，默认为0.8。（这个质量并不是图片的最终质量，而是在经过 lrz 插件压缩后的基础上输出的质量。相当于 outputQuality * lrzOption.quality）
type: Number
图片的最大缩放比，默认为 1。
type: Boolean
是否启用图片自由旋转。由于安卓浏览器上存在性能问题，因此在安卓设备上默认关闭。
type: String|HTMLElement
显示截取后图像的容器的选择器或者DOM对象。如果有多个，可使用英文逗号隔开的选择器字符串，或者DOM对象数组。
type: String|HTMLElement
上传图片的 <input type="file"> 控件的选择器或者DOM对象。如果有多个，可使用英文逗号隔开的选择器字符串，或者DOM对象数组。
type: String|HTMLElement
确认截图按钮的选择器或者DOM对象。如果有多个，可使用英文逗号隔开的选择器字符串，或者DOM对象数组。
type: String
需要裁剪图片的url地址。该参数表示当前立即开始读取图片，不需要使用 file 控件获取。注意，加载的图片必须要与本程序同源，如果图片跨域，则无法截图。
type: Function
图片开始加载的回调函数。this 指向当前 PhotoClip 的实例对象，并将正在加载的 file 对象作为参数传入。（如果是使用非 file 的方式加载图片，则该参数为图片的 url）
type: Function
图片加载完成的回调函数。this 指向当前 PhotoClip 的实例对象，并将图片的 <img> 对象作为参数传入。
type: Function
图片加载失败的回调函数。this 指向当前 PhotoClip 的实例对象，并将错误信息作为第一个参数传入，如果还有其它错误对象或者信息会作为第二个参数传入。
type: Function
裁剪完成的回调函数。this 指向当前 PhotoClip 的实例对象，会将裁剪出的图像数据DataURL作为参数传入。
type: Function
裁剪失败的回调函数。this 指向当前 PhotoClip 的实例对象，会将失败信息作为参数传入。
type: Object
lrz 压缩插件的配置参数。该压缩插件作用于图片从相册输出到移动设备浏览器过程中的压缩，配置的高低将直接关系到图片在移动设备上操作的流畅度。以下为子属性：
type: Number
图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。（由于安卓浏览器存在性能问题，所以默认值为 1000）
type: Number
图片最大不超过的高度，默认为原图高度，宽度不设时会适应高度。（由于安卓浏览器存在性能问题，所以默认值为 1000）
type: Number
图片压缩质量，仅对 jpeg 格式的图片有效，取值 0 – 1，默认为0.7。（这个质量不是最终输出的质量，与 options.outputQuality 是相乘关系）
type: Object
样式配置。以下为子属性：
type: String
遮罩层的颜色。默认为 'rgba(0,0,0,.5)'。
type: String
遮罩层的 border 样式。默认为 '2px dashed #ddd'。
type: String
当输出 jpg 格式时透明区域的填充色。默认为 '#fff'。
type: Object
错误信息对象，包含各个阶段出错时的文字说明。以下为子属性：
type: String
浏览器无法支持本插件。将会使用 alert 弹出该信息，若不希望弹出，可将该值置空。
type: String
使用 file 控件读取图片格式错误时的错误信息。将会在 loadError 回调的错误信息中输出。
type: String
lrz 压缩插件处理图片失败时的错误信息。将会在 loadError 回调的错误信息中输出。
type: String
图片加载出错时的错误信息。将会在 loadError 回调的错误信息中输出。
type: String
没有加载完成的图片时，执行截图操作时的错误信息。将会在 fail 回调的失败信息中输出。
type: String
截图出错时的错误信息。将会在 fail 回调的失败信息中输出。
完整demo在这里下载：photoclick-demo
