如下使用的Vue项目,普通项目道理一样。
// 给文件上传input添加 change事件
bgChange(){
let inputDOM = this.$refs.inputer; // input DOM
let bg=this.$refs.app; // 要显示图片预览的DOM
let file=inputDOM.files[0]; // 文件对象
let reader = new FileReader();
reader.onload = function(e) {
let data = e.target.result;
bg.style.backgroundImage = 'url(' + data + ')'; // 设置背景图片
};
reader.readAsDataURL(file);
}