㈠ 移動端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;
}
}