上传文件获取文档流，把文档流转换为 base64编码

html代码

• 当手机需要实现手机拍照上传的时候,需要多加一个属性capture=”camera”
• accept=“image/png,image/jpg” 通过文件管理器选择图片

<input type="file" id="imgUpFile" onchange="startRead()" capture=”camera” accept="image/png,image/jpg" />
<img src="" id="imgContentImg" />

js代码

				function startRead() {
						alert('222')
						var fileDom = document.getElementById('imgUpFile');
						var img = document.getElementById('imgContentImg');
						if(fileDom && img) {
							  fileHandle(fileDom, img);
						}
					},
					//文件处理
					function fileHandle(fileDom, img) {
						//读取计算机文件
						var file = fileDom.files[0]; //获取文档流
						var reader = new FileReader();//实例化文件读取对象
						reader.readAsDataURL(file);  //将文件读取为 DataURL,也就是base64编码
						reader.onloadstart = function() {
							console.log('文件上传处理......')
						};
						//操作完成
						reader.onload = function(e) {   //文件读取成功完成时触发
							console.log(reader.result) //打印文件读取成功后的DataURL,也就是base64编码
							img.setAttribute('src', reader.result); //将dataURL赋值给img标签
						};
					},

打印内容

页面显示效果