uniapp 上传指定jpg,png格式图片

 // 上传图片前事件chooseImage: async function() {if (this.imageList.length === 6) {let isContinue = await this.isFullImg();if (!isContinue) {return;}}uni.chooseImage({sourceType: sourceType[this.sourceTypeIndex],sizeType: sizeType[this.sizeTypeIndex],count:this.imageList.length + this.count[this.countIndex] > 6? 6 - this.imageList.length: this.count[this.countIndex],success: res => {// 上传图片前判断是否为jpg,png格式let url = res.tempFiles[0].name;//获取最后一个.的位置let index = url.lastIndexOf(".");//获取后缀let jpgUrl = url.substr(index + 1);if (jpgUrl != "png" && jpgUrl != "jpg" && jpgUrl != "jpeg") {uni.showToast({icon: "none",title: "请上传格式为jpg,png"});} else {// 自带的压缩，压缩后的略大一些this.imageList = this.imageList.concat(res.tempFilePaths); //非APP平台不支持自定义压缩,暂时没有处理,可通过uni-app上传组件的sizeType属性压缩}}});},

chooseImage: async function() {

if (this.imageList.length === 6) {

let isContinue = await this.isFullImg();

if (!isContinue) {

return;

}

uni.chooseImage({

sourceType: sourceType[this.sourceTypeIndex],

sizeType: sizeType[this.sizeTypeIndex],

count:

this.imageList.length + this.count[this.countIndex] > 6

? 6 - this.imageList.length

: this.count[this.countIndex],

success: res => {

// 上传图片前判断是否为jpg,png格式

let url = res.tempFiles[0].name;

//获取最后一个.的位置

let index = url.lastIndexOf(".");

//获取后缀

let jpgUrl = url.substr(index + 1);

if (jpgUrl != "png" && jpgUrl != "jpg" && jpgUrl != "jpeg") {

uni.showToast({

icon: "none",

title: "请上传格式为jpg,png"

});

} else {

// 自带的压缩，压缩后的略大一些

this.imageList = this.imageList.concat(res.tempFilePaths); //非APP平台不支持自定义压缩,暂时没有处理,可通过uni-app上传组件的sizeType属性压缩

}

});

uniapp 上传指定jpg,png格式图片相关推荐

ajax传递多个base64,H5移动开发Ajax上传多张Base64格式图片到服务器
这篇文章主要为大家详细介绍了H5移动开发Ajax上传多张Base64格式图片到服务器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下废话不多说,直接看代码吧 1.上传组件 2.展示添加上的图片 v ...
uniapp 上传指定格式图片
只需要在上传成功的时候做一个判断 uni.uploadFile({url: apiBaseUrl + "/api/file/xxx", // 后端api接口filePath: te ...
php上传png_PHP支持多种格式图片上传(支持jpg、png、gif)
此处一次支持上传2个图片,上传后生成原图和质量较差的图,原图用于保存质量高的图片,质量差的图用于网页显示. PHP Code include_once("db.php"); inc ...
点击/拖拽两种方式，预览并上传png/jpg/jpeg格式图片
<template><div class="content"><div class="PictureBox"><img ...
SpringBoot+Mybatis实现图片按用户上传存储和获取用户图片功能
简单实现了下图片上传与个人图片显示的流程,给一个不知道怎么实现的兄弟看下. 项目介绍该项目实现文件上传功能,在前端上传图片和用户名,将图片保存在本地,同时将路径存储至数据库.之后可利用用户名进行 ...
Web后端servlet—使用servlet的Part接口实现单文件多文件上传、以及日期格式转换为sql日期格式的实现
JDBC工具类JdbcFileDateUtil上传文件和日期格式转换,包含单文件多文件上传最新最简单简便的办法本文档介绍了文件上传的处理方法,包括当前端form表单的编码类型为enctype=&qu ...
android h5 多图上传源码,JS移动端/H5同时选择多张图片上传并使用canvas压缩图片...
最近在做一个H5的项目,里边涉及到拍照上传图片的功能以及识别图片的功能,这里对识别图片的功能不做赘述,不属本文范畴.我在做完并上线项目后,同事跟我提了一个要求是可不可以同时选择多张图片上传,我做的时候 ...
在BAE搭建的Django中实现图片上传并用jquery预览图片
在BAE上搭建好了django,如何实现图片上传并预览呢? 想要实现图片上传并不难,但是想看到刚上传的图片,就得在服务器返回上传后图片的url.可是返回数据的话,网页就会重定向.因此想要在上传页面预览 ...
百度编辑器图片上传 java_百度编辑器粘贴图片自动上传到服务器(Java版)
Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能.但是无 ...

uniapp 上传指定jpg,png格式图片

uniapp 上传指定jpg,png格式图片相关推荐

最新文章

热门文章