欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

图片预览

程序员文章站 2022-03-04 18:57:22
...
      ``  <input type="file" @change="getFile($event)" style="display: none;" id="coverFile" />
    </div>

``
•methods处
//点击图片预览区,即模拟点击文件选择组件
handleClick: function() {
document.getElementById('coverFile').click();
},
//图片预览
getFile: function() {
this.file = event.target.files[0];
var windowURL = window.URL || window.webkitURL;
this.course.cover = windowURL.createObjectURL(this.file);
this.show = false;
}