| | |
|---|
| | | :autoCropWidth="options.autoCropWidth" |
|---|
| | | :autoCropHeight="options.autoCropHeight" |
|---|
| | | :fixedBox="options.fixedBox" |
|---|
| | | :outputType="options.outputType" |
|---|
| | | @realTime="realTime" |
|---|
| | | v-if="visible" |
|---|
| | | /> |
|---|
| | |
|---|
| | | autoCrop: true, // 是否默认生成截图框 |
|---|
| | | autoCropWidth: 200, // 默认生成截图框宽度 |
|---|
| | | autoCropHeight: 200, // 默认生成截图框高度 |
|---|
| | | fixedBox: true // 固定截图框大小 不允许改变 |
|---|
| | | fixedBox: true, // 固定截图框大小 不允许改变 |
|---|
| | | outputType:"png", // 默认生成截图为PNG格式 |
|---|
| | | filename: '' |
|---|
| | | }, |
|---|
| | | previews: {}, |
|---|
| | | resizeHandler: null |
|---|
| | |
|---|
| | | reader.readAsDataURL(file); |
|---|
| | | reader.onload = () => { |
|---|
| | | this.options.img = reader.result; |
|---|
| | | this.options.filename = file.name; |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | |
|---|
| | | uploadImg() { |
|---|
| | | this.$refs.cropper.getCropBlob(data => { |
|---|
| | | let formData = new FormData(); |
|---|
| | | formData.append("avatarfile", data); |
|---|
| | | console.log(this.options.filename) |
|---|
| | | formData.append("avatarfile", data, this.options.filename); |
|---|
| | | uploadAvatar(formData).then(response => { |
|---|
| | | this.open = false; |
|---|
| | | this.options.img = process.env.VUE_APP_BASE_API + response.imgUrl; |
|---|
| | | this.options.img = response.data.imgUrl; |
|---|
| | | store.commit('SET_AVATAR', this.options.img); |
|---|
| | | this.$modal.msgSuccess("修改成功"); |
|---|
| | | this.visible = false; |
|---|
