el-upload上传和回显tif图片

Fairyasd

已于 2022-10-10 14:52:52 修改

阅读量378

点赞数

文章标签： javascript 前端 vue.js

于 2022-10-10 14:49:21 首次发布

本文链接：https://blog.csdn.net/Fairyasd/article/details/127244458

版权

本文介绍了在Vue.js项目中利用el-upload组件上传tif图片，并结合tiff.js库实现图片回显的处理方法，重点在于on-change事件的处理。

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

el-upload上传和回显tif图片
npm install tiff.js

       <el-upload
                class="allpho"
                :action="url"
                list-type="picture-card"
                :headers="headers"
                :on-success="handle_successimg"
                :on-preview="handlePictureCardPreview"
                :file-list="fileListimg"
                :on-change="changeUpload"
                ref="dynamic"
                :on-remove="handleRemoveimg"
              >
                <i class="el-icon-plus"></i>
              </el-upload>
              <el-dialog :visible.sync="dialogVisible">
                <img width="100%" :src="dialogImageUrl" alt="" />
              </el-dialog>

主要 :on-change=“changeUpload”