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