当前位置: 首页 > Web前端 > HTML

uni-app图片上传实践

时间:2023-04-02 16:39:57 HTML

uni.uploadFile()上传本地资源到开发者服务器客户端发起post请求content-typemultipart/form-data通过uni.chooseImage获取本地资源的临时文件路径并上传本地资源上传到指定服务器urlString为开发者服务器urlfilesAarry无要上传的文件列表filePathString为要上传的文件资源的路径名String为文件对应的keyheaderObject无HTTP请求头,header中不能设置refereruploadTask对象方法列表onProgressUpdate回调监听上传进度变化abort中断上传任务onProgressUpdate返回参数说明实战页面选择照片data:{percent:0,loading:false,disabled:false},upload:function(){_self=这个;uni.chooseImage({count:1,sizeType:['original','compressed'],//可以指定是原图还是压缩图,默认都有sourceType:['album'],//从相册中选择成功:function(res){consttempFilePaths=res.tempFilePaths;constuploadTask=uni.uploadFile({url:'https://demo.hcoder.net/index.php?c=uperTest',文件路径:tempFilePaths[0],name:'file',formData:{'user':'test'},success:function(uploadFileRes){控制台.log(uploadFileRes.data);}});uploadTask.onProgressUpdate(function(res){_self.percent=res.progress;console.log('上传进度'+res.progress);console.log('上传数据长度'+res.totalBytesSent);console.log('预计上传总数据长度'+res.totalBytesExpectedToSend);});},错误:函数(e){console.log(e);}});}},phpgetExeName($_FILES['文件名']);if($exename!='png'&&$exename!='jpg'&&$exename!='gif'){exit('扩展名不允许');}$imageSavePath=uniqid().'.'.$exename;如果(移动上传文件($_FILES['文件']['tmp_name'],$iundefinedtempFilePathsStringArray图片本地文件路径列表tempFilesObjectArray图片本地文件列表,每一项是一个File对象File对象结构如下pathString本地文件路径sizeNumber本地文件大小,单位:Buni.chooseImage({count:6,//默认9sizeType:['original','compressed'],//原图,压缩图sourceType:['album'],//从相册中选择成功:function(res){console.log(JSON.stringify(res.tempFilePaths));}});uni.previewImage();预览图片当前当前显示的图片链接url要预览的图片链接列表uni.chooseImage({count:6,sizeType:['original','compressed'],sourceType:['album'],success:function(res){//预览图片uni.previewImage({urls:res.tempFilePaths});}uni.getImageInfo()获取图片信息orientation参数描述枚举值描述up默认向下向左旋转180度,逆时针旋转90度向右旋转顺时针90度向上-镜像与向上相同,但水平向下翻转-镜像相同向下,但水平向左翻转-镜像相同向左,但垂直翻转向右-镜像相同向右,但垂直翻转uni.chooseImage({count:1,sourceType:['album'],成功:函数(res){uni.getImageInfo({src:res.tempFilePaths[0],成功:函数(image){console.log(图像宽度);控制台日志(图片高度);}});}});uni.saveImageToPhotosAlbum(OBJECT)保存图片到系统相册filePath图片文件路径uni.chooseImage({count:1,sourceType:['camera'],success:function(res){uni.saveImageToPhotosAlbum({filePath:res.tempFilePaths[0],成功:function(){console.log('保存成功');}});}});如本账号内容有问题(例如:涉及版权或其他问题),请及时联系我们进行整改,我们会尽快处理,请点个赞!因为您的认可/鼓励是我写作最大的动力!欢迎来到达达简书!这是一个有品质有态度的博客