uniapp,小程序上传图片

uniapp,小程序上传图片html<image@click=”chooseImage”:src=”pic”class=”toux”mode=””></image>jschooseImage(){ var_this=this uni.chooseImage({ count:1,//默认9 sizeType:[‘original’,’compressed’],//可以指定是原图还是压缩图,默认二者都有 sourceType:[‘album’,’came

大家好,又见面了,我是你们的朋友全栈君。

html
<image @click="chooseImage" :src="pic" class="toux" mode=""></image>
js
chooseImage() {
		var _this = this
		uni.chooseImage({
			count: 1, //默认9
			sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
			sourceType: ['album', 'camera'], //从相册选择、摄像头
			success: function(res) {
				_this.imgShow = res.tempFilePaths[0]
				_this.uploadFile()
			}
		});
	},
	uploadFile(){
		var _this = this
		uni.uploadFile({
			url:this.$baseUrl+`/upload/uploadFile?type=${uni.getStorageSync('userType')}`,
			filePath:this.imgShow,
			name:'file',
			 header: {
                 "Content-Type": "multipart/form-data"
               },
			success:(res)=>{
				var image = JSON.parse(res.data)
				this.tou = image.data.imgUrl
				this.$myRequest({
					url: `/login/uploadAvatar?id=${uni.getStorageSync("userId")}&type=${uni.getStorageSync('userType')}&pic=${this.tou}`, 
					method:'post',
					data:{}
				}).then(data=>{
					if(data.data.code == 200){
						_this.pic = data.data.data.user.pic
						uni.setStorageSync("imgs",data.data.data.user.pic)
					}
				})
			}
		})
	},
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/149352.html原文链接:https://javaforall.net

(0)
上一篇 2022年6月16日 下午9:00
下一篇 2022年6月16日 下午9:00


相关推荐

  • databus mysql搭建_databus bootstrap 部署

    databus mysql搭建_databus bootstrap 部署databus分为relaybootstrap-producer(bst-producer)bootstrap-server(bst-server)client,他们之间的关系可以去网上找这里主要介绍部署这四个工程的方法1relay侦听端口为111151.1relay.propertiesdatabus.relay.container.httpPort=11115data…

    2022年10月17日
    5
  • 基于H.265编解码高清视频传输系统「建议收藏」

    基于H.265编解码高清视频传输系统「建议收藏」胡博,赵旦峰,王中刊.基于H.265编解码高清视频传输系统[J].应用科技,2017,44(1):27-32. HUBo,ZHAODanfeng,WANGZhongkan.High-definitionvideotransmissionsystembasedonH.265[J].AppliedScienceandTechnology,2017,

    2022年10月3日
    4
  • 数据库web管理工具treesoft的安装与使用

    数据库web管理工具treesoft的安装与使用treesoft 官网 http www treesoft cn dms htmltreesoft 分 TreeDMS 和 TreeNMS TreeDMS 支持 MySQL Oracle PostgreSQL SQLServer MongoDB Hive 下载地址 https pan baidu com s 1Zzvz2jCVaqQ TreeNMS 支持

    2026年3月18日
    2
  • pycharm上传代码到git_gitee收费吗

    pycharm上传代码到git_gitee收费吗前提:1、在码云https://gitee.com/ 中已经注册了账号,并且已经创建了仓库2、已经安装了git客户端: 3、在settings中设置gitee账户,登入:  、 3、在pycharm中安装gitee插件:file–setttings–plugins–搜索gitee,安装:  4、安装成功后检查:  5、提价本地项目代码到gitee:选中要提交的项目后VCS-…

    2022年8月26日
    6
  • python中单引号和双引号的区别_python中单引号和双引号的区别

    python中单引号和双引号的区别_python中单引号和双引号的区别在 Python 当中表达字符串既可以使用单引号 也可以使用双引号 那两者有什么区别吗 python 单引号和双引号的区别简单来说 在 Python 中使用单引号或双引号是没有区别的 都可以用来表示一个字符串 但是这两种通用的表达方式 除了可以简化程序员的开发 避免出错之外 还有一种好处 就是可以减少转义字符的使用 使程序看起来更简洁 更清晰 举个两个例子 1 包含单引号的字符串假如你想定义一个字符串 my

    2026年3月20日
    2
  • Flex 3 预览版目前已经上架 Cydia BigBoss 源

    Flex 3 预览版目前已经上架 Cydia BigBoss 源Flex 插件是一款可以修改应用中内容达到去除内购 广告等项目的插件 即使没有编程知识 也能完成对已安装应用的修改 改变应用显示的内容 比如去除应用的启动广告 内置广告横幅 购买服务 部分视频应用的 VIP 获取等等 Flex 还支持云端共享已做好的补丁 制作完成一个应用的补丁后可以登录账号上传共享到 Flex 服务器供他人下载安装使用 同样你也可以直接点击已安装应用来获取别人的补丁安装到自己

    2026年3月17日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号