转文件到DataURI_html-js-css

概述转文件到DataURI

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<HTML><head><Title>Converting Image to Data URIs in JavaScript</Title></head><body>	Select Image file	<input type="file" ID="files" multiple />	<div ID="fileContent"></div></body><script>function fileSelected(evt) {    var files = evt.target.files;	var type = '';	var fr = new fileReader();	fr.onload = function(event)	{		if(type.indexOf("image") == 0){			document.getElementByID('fileContent').INNERHTML = "<img src='" + event.target.result + "' />";			document.getElementByID('fileContent').INNERHTML += "<br/>";			var d = event.target.result;			d = d.replace("data:;","data:" + type + ";");			document.getElementByID('fileContent').INNERHTML += "<strong>Data URI: </strong>" + d;		}	}	    for (var i = 0,f; f = files[i]; i++) {      	  //Gives name of file : f.name	  //Gives type of file : f.type e.g. text/plain or image/png etc	  //Gives size of file : f.size (in bytes)	  //Gives last modifIEd date : f.lastModifIEdDate	  	  var filecopy = f.slice(0,f.size); //i.e. read entire file,as reading half image file doesn't solve any purpose	  	  type = f.type;	if(f.type.indexOf("image") == 0)		fr.readAsDataURL(filecopy); //on successful read,fr.onload function will be called and that will populate the result in fileContent container    }  }    //attach change event of file control  document.getElementByID('files').addEventListener('change',fileSelected,false);</script></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的转文件到DataURI全部内容，希望文章能够帮你解决转文件到DataURI所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1096147.html