html

<input type="file" id="xw_File" multiple />

监听选择的文件

let xw_File = document.getElementById("xw_File");
xw_File.addEventListener("change", ()=> {
	xw_show(xw_File.files)
	return;
})

图片实例：
在这里插入图片描述

传入文件实例 获取图片数据

获取单个数据base64

function xw_show(xw_filedata){
	var imgReaderl = new FileReader();
	imgReaderl.onload = function(evt) {
		console.log(evt.target.result)		//图片base64
	}
	imgReaderl.readAsDataURL(xw_filedata[0]);
}

图片实例：
在这里插入图片描述

获取多个数据base64

function xw_show(xw_filedata){
	for( var i = 0 ; i < xw_filedata.length ; i++ ){
		var imgReaderl = new FileReader();
		imgReaderl.onload = function(evt) {
			console.log(evt.target.result)
		}
		imgReaderl.readAsDataURL(xw_filedata[i]);
	}
}

图片实例：
在这里插入图片描述