1. 选择图片

choosePhoto() {const _this = this;uni.chooseImage({count: 1, //最多可以选择的图片张数，默认9sourceType: ['album'], //album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项sizeType: ['original'],//original 原图，compressed 压缩图，默认二者都有success(res) {console.log('选择图片完成', res)// 调用上传图片的接口_this.uploadPhoto(res.tempFilePaths);},fail() {console.log('失败', err);},complete() {console.log('结束');},})
}

2.上传图片

uploadPhoto(tempFilePaths) { uni.uploadFile({url: '****', //开发者服务器 urlheader:{// HTTP 请求 Header, header 中不能设置 Referer},filePath: tempFilePaths[0], // 要上传文件资源的路径name: 'fileblock', // 文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容formData:{// HTTP 请求中其他额外的 form data （即接口需要的其它参数）},success(res) {console.log('上传成功', res);},fail() {console.log('失败', err);},complete() {console.log('结束');},})
}

uni-app -- 选择图片、上传图片相关推荐

微信开发php插件下载图片,微信开发之微信jsapi选择图片,上传图片,预览和下载图片方法...
参数描述 appId公众号的唯一标识应用id timestamp生成签名的时间戳 nonceStr生成签名的随机串 signature签名上述表格中的四个参数是初始化调用微信jsapi的凭证,咱们 ...
uni App多图片上传，java后台接收
前台页面: <wslimg title="图片上传" :num="9" :dataList="dataLi ...
uniapp：uni.chooseImage、uni.uploadFile，选择图片，上传图片
更换头像功能, //上传图片 upfile(){let _this = this;uni.chooseImage({ // 从本地相册选择图片或使用相机拍照.count: 1,//默认选择1张图片si ...
【OkHttp】OkHttp 上传图片 ( 获取 SD 卡动态权限 | 跳转到相册界面选择图片 | 使用 OkHttp 上传图片文件 )
OkHttp 系列文章目录 [OkHttp]OkHttp 简介 ( OkHttp 框架特性 | Http 版本简介 ) [OkHttp]Android 项目导入 OkHttp ( 配置依赖 | 配置 ...
Android 选择图片、上传图片之ImagePicker
效果图: 后来又出了两篇,也可以看一下 Android 选择图片.上传图片之PictureSelector Android 选择图片.上传图片之Matisse 添加依赖: 选择图片:compile ' ...
uni-app用uni.chooseImage API调用相机或从相册中选择图片
uni-app用uni.chooseImage API调用相机或从相册中选择图片 chooseImage: function() {var _this = this;uni.chooseImage({ ...
Android实现拍照选择相册图片上传图片(多图片上传)功能
安卓多图片上传代码直接上代码 1.主程序入口XML文件 <?xml version="1.0" encoding="utf-8"?> <ma ...
Typora+PicGo(app)+gitee 图片插入自动上传使用失败与Typora+PicGo-Core+gitee的选择
Typora+PicGo(app)+gitee 图片插入自动上传使用失败与Typora+PicGo-Core+gitee的选择 1.前言在使用 typora 时,可以自动上传图片,而且有几种方案可以 ...
uni-app: APP端同时选择图片和视频，长按删除并震动提示
APP端同时选择图片和视频全部代码:  <template><view><view><view><view styl ...
Android 调用相机APP获取拍照图片和从相册选择图片
源码部分分析 Camera.java → 点我定位,注意研究1134行与2023行的两个方法. 通过源码可以发现,输出的图片有2个分支如果你没有指定Intent里面的Extra参数,它就返回一个序列 ...

uni-app -- 选择图片、上传图片

1. 选择图片

2.上传图片

uni-app -- 选择图片、上传图片相关推荐

最新文章

热门文章