vue-element-admin 初体验（二）图片上传以及标准时间转成时间戳

「已注销」

于 2020-03-24 11:45:53 发布

阅读量749

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/Bing_lemon/article/details/105066360

版权

本文介绍了在vue-element-admin中如何进行图片上传，并详细讲解了如何将标准时间转换为时间戳，以适应后台存储需求。在图片上传部分，虽然EleUI提供了组件，但实际使用时仍需进行一些定制，例如添加公共域名。时间转换则利用EleUI的时间选择器，通过change事件获取日期并转换为时间戳。

摘要由CSDN通过智能技术生成

一、图片上传

其实 EleUI 有现成的上传图片 / 头像，自己用还是要改一下。

<el-upload class="avatar-uploader" action="uploadData" :http-request="UploadImage"
 :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
      <img v-if="imageUrl" :src="addimg" style="width: 100px;height: 100px;">
       <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>

      handleAvatarSuccess(res, file) {
        this.imageUrl = URL.createObjectURL(file.raw);
      },
      beforeAvatarUpload(file) {
        const isJPG = file.type == 'image/jpeg';
        const isLt2M = file.size / 1024 / 1024