上传图片---预览（根据上传图片生成可视化照片）

JS 

//file：文件
beforeUpload(file) {
       //获取文件数组
      let files = file.target.files
        //循环获取到全部文件
      for (let index = 0; index < files.length; index++) {
        const element = files[index]
        //选择获取生成照片方法
        if (window.createObjectURL != undefined) {
          this.imgs_preview.push(window.createObjectURL(element))
        } else if (window.URL != undefined) {
          //(firefox)兼容火狐
          this.imgs_preview.push(window.URL.createObjectURL(element))
        } else if (window.webkitURL != undefined) {
          this.imgs_preview.push(window.webkitURL.createObjectURL(element))
        }
      }
    },

HTML

            //轮播图展示
              <el-carousel trigger="click" height="210px">
                <el-empty v-show="imgs_preview.length == 0" :image-size="60"             
                        description="暂无上传"></el-empty>
                <el-carousel-item v-for="(item, index) in imgs_preview" :key="item">
                  <img :src="item" width="100%" height="100%" />
                </el-carousel-item>
              </el-carousel>

            //在vue中动态引入图片时要使用require，防止动态添加src时被当做静态资源处理
//静态资源:一般客户端发送请求到web服务器来
//web服务器从内存在取到相应的文件，返回给客户端，客户端解析并染显示出
//动态资源:一般客户端请求的动态资源&#x

let urlLJ= require('../../assets/img/demo1.png');
<img :src="urlLJ" />