uniapp解决苹果手机上传图片不显示问题
//重点:上传时压缩,
addvoicea() {var that = this;// 从本地相册选择图片或使用相机拍照。uni.chooseImage({count: 1, //最多可以选择的图片张数,默认9//album 从相册选图,camera 使用相机,默认二者都有。sourceType: ['album'],sizeType: ['compressed'], //可以指定是原图还是压缩图,默认二者都有success: function(res) {//获取图片信息。uni.getImageInfo({src: res.tempFilePaths[0],success: function(image) {that.srcc = (res.tempFilePaths[0]);// that.src = (res.tempFilePaths[0]);that.srcaddvoices = (res.tempFilePaths[0]);console.log(that.srcaddvoices)var index = that.srcc.lastIndexOf("\/");this.srcaddvoices = that.srcc.substring(index + 1, that.srcc.length);console.log(this.srcaddvoices)// console.log(that.src); //打印出图片信息,在浏览器上打开就是你上传的图片//将本地资源上传到开发者服务器,客户端发起一个 POST 请求,其中 content-type 为 multipart/form-datauni.uploadFile({//开发者服务器 urlurl: 'http://holeapi.huawaiyin.net/' +'Upload/UploadFile',//获取要上传文件资源的路径。filePath: res.tempFilePaths[0],//文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容method: 'POST',name: 'fileToUpload',//成功的回调success: uploadFileRes => {//获取图片信息 网站域名 + res1.data.url就是一个图片的完整路径了var res1 = JSON.parse(uploadFileRes.data);that.srcaddvoice = res1.data;}})}})}})},
uniapp解决苹果手机上传图片不显示问题相关推荐
- 解决springboot上传图片无法显示问题
前言 springboot版本1.5.x,使用MultipartHttpServletRequest上传图片, 权限是token + SpringSecurity 控制api访问; 出现的问题是图片可 ...
- vue 上传图片视频组件,可拍照选择照片,解决苹果手机拍照旋转问题
vue 上传图片视频组件,可拍照选择照片,解决苹果手机拍照旋转问题 参考文章: (1)vue 上传图片视频组件,可拍照选择照片,解决苹果手机拍照旋转问题 (2)https://www.cnblogs. ...
- uni-app实现上传图片并显示【跨平台开发教程uniapp教程(米饭科技-app小程序h5源码)】
目录: uni-app上传图片并显示 实现代码 源码获取方法: 会员学习群: uni-app上传图片并显示 实现代码 你可以使用uniapp内置的上传图片组件,然后使用img标签来显示上传后的图片. ...
- 解决js newDate()苹果手机日期格式显示NaN
原文出处:https://blog.csdn.net/qq_32460751/article/details/85322434 例:2018-12-28 15:00:00 1. var newD ...
- 微信小程序苹果手机边框1rpx显示不全解决办法
微信小程序苹果手机边框1rpx显示不全,加上transform: rotateZ(360deg) .address-map{width: 125rpx;height: 36rpx;line-heigh ...
- 使用wxParse解析富文本的总结以及解决苹果手机上视频无法播放的方法
先上官方文档:https://github.com/icindy/wxParse.先讲一下我的理解,最后说明下自己使用wxParse的业务场景以及遇到的问题. 1.先上个目录结构. 然后总结下wxPa ...
- 解决苹果手机按钮颜色与安卓机不一致的问题
解决苹果手机与安卓机不一致的问题 依次是:标注图,安卓手机,苹果手机 1.按钮的颜色不一致 在按钮的属性后面加上该样式 input[type=button], button { cursor: poi ...
- 怎么解决苹果手机耗电快?
很多时候我们会为自己的手机耗电快感到烦恼,那么怎么解决苹果手机耗电快呢?一起跟随视频了解一下吧! 方法/步骤 1 首先打开手机"设置",点击"通用". 怎么解决 ...
- 关于苹果手机上传图片导致翻转问题 tp5.0
最近在写一个服务号图片裁剪的功能 可是遇到了一个问题就是苹果手机上传图片会自动翻转九十度 找了好长时间才发现-原来苹果手机不知道为啥,上传时候的宽高是反的,而且苹果手机拍出来的照片会自带exif信息, ...
最新文章
- 麻省理工学院让软体机器人拥有了更好的触觉和空间感知能力
- dw中HTML修改背景图片,dreamweaver将一个图片设定背景,用代码怎么写?
- Vertx.vertx()初始框图和模块
- FPGA工作笔记0001---FPGA简介-强大的逻辑资源和恐怖的IO并行处理能力
- 打开Visual Studio 2010,左下角显示加载工具箱内容
- linux 定时执行某个任务,多个时间段
- 运维 xshell 快捷键
- shell php的守护进程,实例详解shell编写守护进程的方法
- 学习基于springboot的java分布式中间件-Redis(3) redis之缓存穿透等典型问题
- Spring+Struts2+Hibernate概述
- matlab模拟正态分布曲线拟合,[MATLAB数学相关] 急请教:正态分布曲线拟合问题
- 避免选中页面文字或者内容时出现蓝色背景
- WiFi网络测速专业版
- Nested weights are bad for performance警告
- wps office word 插入图片显示异常 只显示一个长条
- CCNA(十五)思科ACL、NAT配置命令
- 基于听觉特性的Mel频率倒谱分析
- 深入场景,智能决策倍增数字化转型价值 | 爱分析报告
- 虚拟机ERP服务器配置,erp硬件推荐部署方案v.pdf
- Pycharm如何更改运行(run)的快捷键