h5图片本地压缩上传

㈠ H5调用本地相册/相机上传图片

在开发中有时候会用到H5调用本地图片粗伏或者相机，像第三方的实名认证，在线客服等蔽凳档等都需要上宏乱传图片。H5中只需要通过 <input> 调用即可，ios是可以的实现的，不需要自己处理，除非客户端压缩图片，但是Android中需要自己处理，比较坑，本文记录H5调用本地图片或者相机的实现过程以及遇到的问题。

H5主要是通过 input 标签来获取图片

通过 WebView 加载 h5 页面，监听 WebView 对应的方法，实现自己的逻辑。

当点击 input 标签的时候会调用 WebChromeClient 的 onShowFileChooser() 方法（5.0+）或者 openFileChooser() 方法（3.0+）在改方法中处理自己逻辑，这里是弹出一个原生的选择框，选择从相册还是拍照获取图片。

拍照和打开相册功能封装到了 PhotoUtils 工具类中了。

file_paths.xml

从相册中选择

onActivityResult() 方法处理

这里使用 Luban 压缩以后再上传的

㈡ 做H5的时候上传图片总因为过大而上传失败，怎么办

你好 图片你需要压缩，搜索一些像tinypng的图片压缩工具；同样的音乐也可以用 QQ影音压缩。另外给你几点小意见

• 推荐的字体（结合主题形式，如果是搞笑和动漫风格的就可以采用艺术诙谐的字体）
  

默认中文字体 Heiti SC ，中文名称叫黑体-简，一般用华文黑体来代替，两者差异微小；

默认英文字体 Helvetica Neue LT ；

• 一般情况下用图片以640X113px进行设计；其他安卓机器前端切图时可以适当拉伸，变化不会太大就不用每个进行适配。

• 大家如果有h5定制的需求可以去了解新工式

希望可以帮到你，望采纳~

㈢ html5怎么压缩图片

利用canvas的drawImage方法来绘制图片，并且设置绘制的图片的width跟height，最后再通过canvas的toDataURL方法来生成压缩后的dataUR

下面直接上代码：

html:

[html]view plain

• <divclass="head_imgpr">

• <emclass="pa"></em>

• <imgsrc='../images/icon_touxiang.png'alt=""class="modify_img"/>

• <inputid="photo"type="file"accept="image/*"/>

• </div>

㈣ 怎么把图片上传大小压缩到10KB以下

图片文件压缩变小10KB以下，但是照片画面清晰质量不变，可以使用以下操作方法:

1、获取工具“秒会压缩大师”，选择操作

4、说明压缩模式：

缩小优先（适合用于个人资料图片和缩率图）

均衡压缩（适合用于电子邮件和消息发送）

清晰优先（适合查看）

推荐理由：

1. 模式压缩图片：可根据需求选择图片压缩模式（如缩小优先、清晰优先），并支持自定义设图片压缩的清晰度、分辨率、格式以及希望大小。

2. .操作简单快速：可一次性上传多张需要压缩的图片文件，批量进行图片压缩处理，支持根据压缩前与压缩后的文件大小对比确认压缩结果是否符合预期效果，节约图片压缩的时间成本。

3. 保障文件安全：图片压缩在线版对压缩过程进行了多重加密处理，并且在压缩完图片文件的30分钟后，便会将所有文件从服务器中永久删除，期间无人能查阅或下载这些文件，让你的文件与隐私得到保障。

支持多种格式：图片：支持JPG、PNG、GIF、BMP等图片格式；视频：支持MP4、MKV、MOV、AVI、WMV、M4V、MPEG等视频格式；PDF：PDF文档均可压缩；Word：支持doc、docx等Word格式；PPT：支持ppt、pptx等PPT格式；