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-data
								uni.uploadFile({
									//开发者服务器 url
									url: '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;

									}
								})
							}
						})
					}
				})
			},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值