uni-app压缩图片上传

曾经终败给现在 2023-02-28 01:58 14阅读 0赞

### uni-app plus.zip.compressImage 压缩图片上传 ###

\#查了很多资料都很负责，其实就几句代码就能搞定  
下面展示一些 `内联代码片`。

uni.chooseImage({ 
    		sizeType:['original'],//看过文档说，compressd是对.jpg的图片有效果
    		sourceType:['camera','album'],
    		count:1,
    		success:(res)=>{ 
    			console.log('压缩前图片体积',res.tempFiles[0].size);
    			let path = res.tempFilePaths[0];
    			let pathDst = path.substring(0,path.lastIndexOf("."));
    			//压缩图片
    			plus.zip.compressImage({ 
    					src:path,//原路径
    					dst:pathDst ,//缩略图路径
    					overwrite:true,//是否生成新图片
    					quality:20,//1-100,1图片最小，100图片最大
    					width:'auto',//缩略固定宽
    					height:'auto'//缩略固定高
    					},
    					(result)=>{ 
    						let imgPathUrl = result.target;
    						let imgPathSize= result,size;
    						console.log('压缩后的体积',imgPathSize);
    						uni.uploadFile({ 
    							url:'上传图片的地址',
    							filePath:imgPathUrl ,//是压缩后的图片的路径
    							name:'file',
    							formData:{ 
    								//需要携带的参数
    							},
    							success:(uploadFileRes)=>{ 
    								//上传成功
    							}
    						})
    					}
    			)
    		}
    		
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 java图片上传压缩

在工作中，会设计到文件上传等常用功能，但是有时候图片上传到服务器很很大，有的甚至有几十MB，我们前端加载图片就很慢了，甚至这些图片会占用服务器空间，积压服务器；如何处理？

柔光的暖阳◎/ 2023年07月18日 12:42/ 0 赞/ 41 阅读

相关 uniapp上传文件（图片、视频）

uniapp上传文件（图片、视频）不支持FormData格式错误做法：用uni.request()请求，传FormData格式时，报错报错信息： ![202102

妖狐艹你老母/ 2022年10月26日 12:58/ 0 赞/ 672 阅读

相关 uniapp+koa上传图片、视频

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQw

﹏ヽ暗。殇╰゛Y/ 2022年10月09日 03:08/ 0 赞/ 575 阅读

相关 uniapp 图片上传的封装

下面是图例 ![在这里插入图片描述][20210609154408140.png_pic_center] app中用到的图片上传很多，所以就将这个方法写成一个组件，下面是

拼搏现实的明天。/ 2022年10月05日 13:57/ 0 赞/ 300 阅读

相关 uniapp 图片压缩

传入图片地址，返回图片base64内容 function detailImage(path, callback) { plus.io.resolveL

ゞ浴缸里的玫瑰/ 2022年09月10日 00:12/ 0 赞/ 256 阅读

相关图片上传前压缩，base64图片压缩

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

你的名字/ 2022年05月18日 00:58/ 0 赞/ 320 阅读

相关 localResizeIMG:图片压缩上传

vant-ui Uploader 图片上传组件 + localResizeIMG 实现图片压缩上传：一、npm安装： npm install lrz复制代码

客官°小女子只卖身不卖艺/ 2022年01月20日 04:59/ 0 赞/ 451 阅读

相关 uniapp 上传图片文件组件

<template> <view> <view @click="uploadClick" class="picBox">

迈不过友情╰/ 2021年09月19日 04:08/ 0 赞/ 737 阅读

相关 JQ图片压缩上传

css { margin: 0; padding: 0; } li {

以你之姓@/ 2021年09月16日 11:54/ 0 赞/ 576 阅读

相关 flutter压缩图片上传

前言：在android原生中比较常用的是luban压缩，当然，flutter版本也有luban压缩，通过一些资料搜索，luban压缩是直接通过dart进行压缩的，

落日映苍穹つ/ 2021年09月03日 10:47/ 0 赞/ 928 阅读