文件上传,通过JS预览图片(无需服务器,只在本地进行)

如下使用的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);
}

Guess you like

Origin blog.csdn.net/Stand_Fast/article/details/119803214