㈠ 移动端h5如何上传zip文件
移动端h5上传zip文件方戚消法：
1、拍照或者选择图片并获取图片的路径。
2、压缩图高蔽知片。
3、找到并高压缩完的图片先转换成base64再转换成可以添加到FormData上传的File。
4、添加数据上传。
㈡ html怎么压缩上传的图片
程序就比较难了，我们不是每个人都会运用，简单的方法我们也可以做到啊，迅捷图片压缩阮籍N就是挺好用的，额暗沉之后我们用html语言设置图片的高与宽，然后代入图片文件的代码就可以完成了。
㈢ 企业微信h5图片大小异常
企业微信h5图片大小异常的解决方法是，后台将BASE64再转换为文件，输型燃租出流输出到图片或者输入流上传卜兆到图片服务器段嫌即可。
㈣ h5 真机调试 上传图片 安卓机图片不显示问题
h5开发，有上传图片需求。
但在真机调试时，ios系统的可以上型余传成卜绝滚功并显示，安卓系统上传图片成功但不显示图片。
排查好久，发现原来是因为系统不一样， wx.getLocalImgData 返回base64码不一样。
后端是直接根据 wx.getLocalImgData 返回的base64码前几位判断解码，所以安卓系统会回显不出来图片。
解决：截取base64码前四位宏坦，判断是否等于 data ,如果不是则加上对应的前缀即可。
㈤ H5调用手机相机和相册，并且将图片转化为base64的格式
之前在做 见到 的时候有一个需求是更换头像，于是乎就开始各种趟坑，宴慧纤晌仿还好搞出来了，之前忙着上线，没时间整理，现在抽空整理一下。本补充一下，这个项目是很早的项目，用的还是jq
，h5,写的还不是vue全家桶。
结束：
这样就完成了一个上传图片的并转换为base64的功能。之前的项目，没有封装碧手，直接用就好了。
㈥ 做H5的时候上传图片总因为过大而上传失败，怎么办
你好 图片你需要压缩，搜索一些像tinypng的图片压缩工具；同样的音乐也可以用 QQ影音压缩。另外给你几点小意见
推荐的字体（结合主题形式，如果是搞笑和动漫风格的就可以采用艺术诙谐的字体）
默认中文字体 Heiti SC ，中文名称叫黑体-简，一般用华文黑体来代替，两者差异微小；
默认英文字体 Helvetica Neue LT ；
一般情况下用图片以640X113px进行设计；其他安卓机器前端切图时可以适当拉伸，变化不会太大就不用每个进行适配。
大家如果有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 压缩以后再上传的
㈨ php、HTML5上传图片自动压缩问题
给你个图片处理的类吧，图片剪裁处理后，也就等于将图片压缩了。
/**
*图像处理类
*============================================================================
*Copyright2014大秦科技，并保留所有权利。
*网站地址:http://www.qintech.net；
*============================================================================
*/
classImage{
//生成缩略图的方式
public$thumbType;
//缩略图的宽度
public$thumbWidth;
//缩略图的高度
public$thumbHeight;
//生成缩略图文件名后缀
public$thumbEndFix;
//缩略图文件前缀
public$thumbPreFix;
/**
*构造函数
*/
publicfunction__construct(){
$this->thumbType=1;
$this->thumbWidth=120;
$this->thumbHeight=60;
$this->thumbPreFix='';
$this->thumbEndFix='_thumb';
}
/**
*检测是否为图像文件
*@param$img图像
*@returnbool
*/
privatefunctioncheck($img){
$type=array(".jpg",".jpeg",".png",".gif");
$imgType=strtolower(strrchr($img,'.'));
returnextension_loaded('gd')&&file_exists($img)&&in_array($imgType,$type);
}
/**
*获得缩略图的尺寸信息
*@param$imgWidth原图宽度
*@param$imgHeight原图高度
*@param$thumbWidth缩略图宽度
*@param$thumbHeight缩略图的高度
*@param$thumbType处理方式
*1固定宽度高度自增2固定高度宽度自增3固定宽度高度裁切
*4固定高度宽度裁切5缩放最大边原图不裁切
*@returnmixed
*/
privatefunctionthumbSize($imgWidth,$imgHeight,$thumbWidth,$thumbHeight,$thumbType){
//初始化缩略图尺寸
$w=$thumbWidth;
$h=$thumbHeight;
//初始化原图尺寸
$cuthumbWidth=$imgWidth;
$cuthumbHeight=$imgHeight;
switch($thumbType){
case1:
//固定宽度高度自增
$h=$thumbWidth/$imgWidth*$imgHeight;
break;
case2:
//固定高度宽度自增
$w=$thumbHeight/$imgHeight*$imgWidth;
break;
case3:
//固定宽度高度裁切
$cuthumbHeight=$imgWidth/$thumbWidth*$thumbHeight;
break;
case4:
//固定高度宽度裁切
$cuthumbWidth=$imgHeight/$thumbHeight*$thumbWidth;
break;
case5:
//缩放最大边原图不裁切
if(($imgWidth/$thumbWidth)>($imgHeight/$thumbHeight)){
$h=$thumbWidth/$imgWidth*$imgHeight;
}elseif(($imgWidth/$thumbWidth)<($imgHeight/$thumbHeight)){
$w=$thumbHeight/$imgHeight*$imgWidth;
}else{
$w=$thumbWidth;
$h=$thumbHeight;
}
break;
default:
//缩略图尺寸不变，自动裁切图片
if(($imgHeight/$thumbHeight)<($imgWidth/$thumbWidth)){
$cuthumbWidth=$imgHeight/$thumbHeight*$thumbWidth;
}elseif(($imgHeight/$thumbHeight)>($imgWidth/$thumbWidth)){
$cuthumbHeight=$imgWidth/$thumbWidth*$thumbHeight;
}
//}
}
$arr[0]=$w;
$arr[1]=$h;
$arr[2]=$cuthumbWidth;
$arr[3]=$cuthumbHeight;
return$arr;
}
/**
*图片裁切处理
*@param$img原图
*@paramstring$outFile另存文件名
*@paramstring$thumbWidth缩略图宽度
*@paramstring$thumbHeight缩略图高度
*@paramstring$thumbType裁切图片的方式
*1固定宽度高度自增2固定高度宽度自增3固定宽度高度裁切
*4固定高度宽度裁切5缩放最大边原图不裁切6缩略图尺寸不变，自动裁切最大边
*@returnbool|string
*/
publicfunctionthumb($img,$outFile='',$thumbWidth='',$thumbHeight='',$thumbType=''){
if(!$this->check($img)){
returnfalse;
}
//基础配置
$thumbType=$thumbType?$thumbType:$this->thumbType;
$thumbWidth=$thumbWidth?$thumbWidth:$this->thumbWidth;
$thumbHeight=$thumbHeight?$thumbHeight:$this->thumbHeight;
//获得图像信息
$imgInfo=getimagesize($img);
$imgWidth=$imgInfo[0];
$imgHeight=$imgInfo[1];
$imgType=image_type_to_extension($imgInfo[2]);
//获得相关尺寸
$thumb_size=$this->thumbSize($imgWidth,$imgHeight,$thumbWidth,$thumbHeight,$thumbType);
//原始图像资源
$func="imagecreatefrom".substr($imgType,1);
$resImg=$func($img);
//缩略图的资源
if($imgType=='.gif'){
$res_thumb=imagecreate($thumb_size[0],$thumb_size[1]);
$color=imagecolorallocate($res_thumb,255,0,0);
}else{
$res_thumb=imagecreatetruecolor($thumb_size[0],$thumb_size[1]);
imagealphablending($res_thumb,false);//关闭混色
imagesavealpha($res_thumb,true);//储存透明通道
}
//绘制缩略图X
if(function_exists("imageresampled")){
imageresampled($res_thumb,$resImg,0,0,0,0,$thumb_size[0],$thumb_size[1],$thumb_size[2],$thumb_size[3]);
}else{
imageresized($res_thumb,$resImg,0,0,0,0,$thumb_size[0],$thumb_size[1],$thumb_size[2],$thumb_size[3]);
}
//处理透明色
if($imgType=='.gif'){
imagecolortransparent($res_thumb,$color);
}
//配置输出文件名
$imgInfo=pathinfo($img);
$outFile=$outFile?$outFile:dirname($img).'/'.$this->thumbPreFix.$imgInfo['filename'].$this->thumbEndFix.".".$imgInfo['extension'];
Files::create(dirname($outFile));
$func="image".substr($imgType,1);
$func($res_thumb,$outFile);
if(isset($resImg))
imagedestroy($resImg);
if(isset($res_thumb))
imagedestroy($res_thumb);
return$outFile;
}
}