首页 > 代码库 > Data Url生成工具之HTML5 FileReader实现

Data Url生成工具之HTML5 FileReader实现

2024-07-08 02:26:40   221人阅读

百度经验版本：如何用HTML5的FileReader生成Data Url

上一篇讲了：用Visual Studio 2010编写Data Url生成工具C#版

今天用HTML5 FileReader实现了一下Data Url生成工具，上代码吧：

<!DOCTYPE html 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>如何用HTML5的FileReader生成Data Url</title>
<meta name="keywords" content="Data Url,HTML5,FileReader"/>
<meta name="description" content="如何用HTML5的FileReader生成Data Url"/>
<script type="text/javascript">

function buildDataUrl(source) {
	var file = source.files[0];
	if(window.FileReader) {
		var fr = new FileReader();
		fr.onloadend = function(e) {
			document.getElementById("txtBase64").value = http://www.mamicode.com/e.target.result;>最终效果图：


联系
我们