html读取input type=file文件内容

最新推荐文章于 2024-07-22 09:31:45 发布

麦兜_冰夕

最新推荐文章于 2024-07-22 09:31:45 发布

阅读量5.7k

点赞数

分类专栏： WEB前端浏览器兼容问题文章标签：读取input type=file文件内容

本文链接：https://blog.csdn.net/lyn1772671980/article/details/99965691

版权

本文探讨了如何在HTML中使用`input type=file`元素读取用户选择的文件内容，包括文件的选取、预览和JavaScript处理等方面，为网页应用提供文件上传功能的基础知识。

摘要由CSDN通过智能技术生成

<input id="uploadInput" type="file" class="file_input" name="myFiles" onchange="UpdateOnChange(this);" multiple>上传文件

function UpdateOnChange(that){
	redFile(that,function(name,data){
		var digest = sha256(data);
		document.getElementById('hash').value= digest;
	})
}
function redFile(that,callback){
		var files = that.files;
		var file = files[0];
		var isIE = false;
		if(file){
			var filename = file.name;
			if (!FileReader.prototype.readAsBinaryString) {
				isIE = true;
				FileReader.prototype.readAsBinaryString = function (fileData) {
					var binary = "";
					var pt = this;
					var reader = new FileReader();
					reader.onload = function (e) {
						var bytes = new Uint8Array(reader.result);
						var length = bytes.byteLength;