Browse Source

Update image.vue

修复上传图片组件bug
main
听风 4 years ago
committed by GitHub
parent
commit
bdd6b9950f
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 9
      web/src/components/upload/image.vue

9
web/src/components/upload/image.vue

@ -13,6 +13,7 @@
<el-upload
class="image-uploader"
:action="`${path}/fileUploadAndDownload/upload`"
:headers="{ 'x-token': token }"
:show-file-list="false"
:on-success="handleImageSuccess"
:before-upload="beforeImageUpload"
@ -25,6 +26,7 @@
</template>
<script>
const path = process.env.VUE_APP_BASE_API;
import { mapGetters } from "vuex";
import ImageCompress from "@/utils/image.js";
export default {
name: "upload-image",
@ -51,6 +53,9 @@ export default {
path: path,
};
},
computed: {
...mapGetters("user", ["userInfo", "token"]),
},
methods: {
beforeImageUpload(file) {
let isRightSize = file.size / 1024 < this.fileSize;
@ -65,7 +70,7 @@ export default {
// this.imageUrl = URL.createObjectURL(file.raw);
const { data } = res;
if (data.file) {
this.$emit("change", data.file.url);
this.$emit("change", this.path + data.file.url);
}
},
},
@ -97,4 +102,4 @@ export default {
height: 178px;
display: block;
}
</style>
</style>
Loading…
Cancel
Save