[![Build Status](https://travis-ci.org/think2011/localResizeIMG.svg?branch=master)](https://travis-ci.org/think2011/localResizeIMG)
[![npm version](https://img.shields.io/npm/v/lrz.svg)](https://www.npmjs.com/package/lrz)
[![npm](https://img.shields.io/npm/l/express.svg)]()
# 演示一下
![](http://think2011.github.io/localResizeIMG/test/demo.gif)
# 自己试试
![](https://raw.github.com/think2011/localResizeIMG/master/test/qrcode.png)
[点我直接进入演示页面](http://think2011.github.io/localResizeIMG/test/)
# 说明
在客户端压缩好要上传的图片可以节省带宽更快的发送给后端,特别适合在移动设备上使用。
# 为什么需要
1. 已踩过很多坑,经过几个版本迭代,以及很多很多网友的反馈帮助、机型测试
* 图片扭曲、某些设备不自动旋转图片方向,没有jpeg压缩算法..
* 不支持new Blob,formData构造的文件size为0..
* 还有某些机型和浏览器(例如QQX5浏览器)莫名其妙的BUG..
2. 按需加载(会根据对应设备自动异步载入JS文件,节省不必要带宽)
3. 原生JS编写,不依赖例如`jquery`等第三方库,支持AMD or CMD规范。
# 如何获取
通过以下方式都可以下载:
1. 执行`npm i lrz`(推荐)
2. 执行`bower install lrz`
接着在页面中引入
```html
<script src="./dist/lrz.bundle.js"></script>
```
# 如何使用
### 方式1:
如果您的图片来自用户拍摄或者上传的,您需要一个`input file`来获取图片。
```html
<input onchange="upload().bind(this)" type="file" accept="image/*" />
```
接着通过change事件可以得到用户选择的图片
```js
function upload () {
lrz(this.files[0])
.then(function (rst) {
// 处理成功会执行
})
.catch(function (err) {
// 处理失败会执行
})
.always(function () {
// 不管是成功失败,都会执行
});
});
```
### 方式2:
如果您的图片不是来自用户上传的,那么也可以直接传入图片路径。
```js
lrz('./xxx/xx/x.png')
.then(function (rst) {
// 处理成功会执行
})
.catch(function (err){
// 处理失败会执行
})
.always(function () {
// 不管是成功失败,都会执行
});
```
# 后端处理
[后端处理请查看WIKI。](https://github.com/think2011/localResizeIMG/wiki)
# API
[具体参数说明请查看WIKI。](https://github.com/think2011/localResizeIMG/wiki)
# 兼容性
IE9以上及大部分非IE浏览器(chrome、微信什么的)
# FAQ
[有疑问请直接在 issues 中提问](https://github.com/think2011/localResizeIMG/issues)
```
请一定记得附上以下内容:💡
请一定记得附上以下内容:🙈
请一定记得附上以下内容:💡
平台:微信..
设备:iPhone5 IOS7..
问题:问题描述呗..
```
* Q:能否提供完整的一套UI?
* A:暂时定位是作为纯粹的处理插件,或许会考虑开发一整套UI。
* Q:有时拍摄完照片后,页面自动刷新或闪退了。
* A:虽然已作了优化处理,但内存似乎还是爆掉了,常见于低配android手机,建议每次只处理一张图片。
* Q: 怎么批量上传图片?
* A: 您可以自己写个循环来传入用户多选的图片,但在移动端上请谨慎处理,原因同上。
* Q: 直接传入图片路径的无法生成图片
* A: 可能是跨域的问题,具体请看[CORS_enabled_image](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image)
* Q: 想要商用可以吗?
* A: 没问题,但请留意issue里已知的问题。
# 开发
[想要参与 or 自己定制 or 了解源码请点击这里,逻辑和说明](https://github.com/think2011/localResizeIMG/wiki/%E5%BC%80%E5%8F%91)
# 感谢
* @dwandw
* @yourlin
* @wxt2005
以上在之前的版本帮忙参与维护的朋友,以及提出问题的朋友们,真的真的很感谢你们。:D
没有合适的资源?快使用搜索试试~ 我知道了~
火池任务大厅8.12开源.zip
共430个文件
png:134个
html:107个
js:57个
需积分: 9 2 下载量 28 浏览量
2020-08-10
11:08:22
上传
评论 1
收藏 4.36MB ZIP 举报
温馨提示
火池任务大厅8.12开源版_具有分享任务、夺宝抽奖、联盟商家等功能集合在任务大厅的源码模板 具有分享任务、夺宝抽奖、联盟商家等功能集合在任务大厅的源码模板, 可在任务大厅发布任务,完成任务,还可进行夺宝和抽奖。 调整模板消息,余额变动部分。 分享判定自动化,奖励提现系统化,运营效率清晰化任务大厅 用户进入首页后可以筛选任务,VIP置顶,额外给予平台费用的任务将在一定时间内在系统内置顶。
资源推荐
资源详情
资源评论
收起资源包目录
火池任务大厅8.12开源.zip (430个子文件)
amazeui.css 323KB
app-fb6ae399.css 263KB
vendor-13cc018d.css 164KB
bootstrap.min.css 161KB
sm.min.css 100KB
news_set.css 80KB
min.css 79KB
css_style.css 56KB
new_style.css 56KB
style.css 56KB
aui.css 55KB
wx.css 39KB
recommend.css 33KB
css.css 33KB
base.min.css 29KB
grabcoupons-fcde30cfaaa7c4b6.css 21KB
designer.css 21KB
designer.css 20KB
my_info.css 16KB
check_homework.css 15KB
shake.css 14KB
linjia.css 12KB
coupon.css 12KB
mobi.css 9KB
lib.css 8KB
css_basic.css 8KB
basic.css 6KB
menu.css 6KB
style1.css 5KB
coupon_shop_list.css 5KB
my_message_style.css 4KB
aui-iconfont.css 4KB
coupon_min.css 4KB
common.css 3KB
html5.css 3KB
style2.css 3KB
list.css 3KB
theme.css 3KB
pay.css 3KB
aui-slide.css 2KB
comm.css 2KB
detail.css 2KB
fonta .css 2KB
reset.css 1KB
tan.css 1KB
my_message_reset.css 1KB
faq.css 997B
style.css 632B
demo.gif 478KB
loading.gif 14KB
cw.gif 10KB
shuotupu123.gif 7KB
img_loading.gif 3KB
loading_32.gif 2KB
help.htm 269B
edit_index - bak.html 140KB
edit_index_style2.html 73KB
edit_index.html 69KB
edit_index - bak2.html 54KB
post_task.html 54KB
post_task(top).html 53KB
reward_post_task.html 49KB
task.html 36KB
index1.html 24KB
index2.html 23KB
index.html 22KB
rule.html 18KB
nhtask.html 17KB
post_task1.html 15KB
question.html 13KB
my_info - bak.html 12KB
my_info_bak.html 12KB
coupon_shop_my_list.html 12KB
tasktype.html 11KB
member.html 11KB
nhtask.html 11KB
home2.html 10KB
my_info2.html 10KB
set_visit_share.html 10KB
coupon_code_check.html 10KB
my_info1.html 9KB
my_info.html 9KB
follow_index.html 9KB
my_posttask_list.html 8KB
reward_detail.html 8KB
detail.html 8KB
news_set.html 7KB
area_index.html 7KB
input_money.html 6KB
thumb.html 6KB
check_task_list.html 6KB
coupon_coupon_detail.html 6KB
coupon_login.html 5KB
home1.html 5KB
register.html 5KB
withdraw.html 5KB
coupon_my_coupon2.html 5KB
coupon_get.html 5KB
coupon_login.html 5KB
taskcheck.html 5KB
共 430 条
- 1
- 2
- 3
- 4
- 5
资源评论
qq_41976365
- 粉丝: 1
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功