编程语言
首页 > 编程语言> > uniapp开发小程序

uniapp开发小程序

作者:互联网

1.通过node_moldules方式引入uview框架,使用AvatarCropper 头像裁剪 时,需要将

您需要去node_modules文件中,按路径/node_modules/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue找到此文件,将其内容复制出来, 放到/pages文件夹中的某个文件中,用到的js和css也要拿出来,再按上面下载方式引入的一样的操作,去声明和引用页面即可。

页面配置:

chooseAvatar() {
this.$u.route({
url: 'pages/setting/u-avatar-cropper/u-avatar-cropper',
params: {
// 输出图片宽度,高等于宽,单位px
destWidth: 300,
// 裁剪框宽度,高等于宽,单位px
rectWidth: 200,
// 输出的图片类型,如果'png'类型发现裁剪的图片太大,改成"jpg"即可
fileType: 'jpg',
}
})
},

page.json:

{
"path": "pages/setting/u-avatar-cropper/u-avatar-cropper",
"style": {
"navigationBarTitleText": "头像裁剪",
"navigationBarBackgroundColor": "#000000"
}
}

2.不能使用formdata传数据

3.

标签:node,uniapp,裁剪,程序,jpg,开发,avatar,cropper,pages
来源: https://www.cnblogs.com/wszxx/p/14154025.html