標籤：xmlns net val tle 產生 char href idt name
百度經驗版本號碼：怎樣用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 = e.target.result;document.getElementById("imgView").src = e.target.result;};fr.readAsDataURL(file);}}</script></head><body><p>怎樣用HTML5的FileReader產生Data Url</p><input type="file" value="" onchange="buildDataUrl(this)" style="border:1px solid #808080; width:300px;" /><br /><textarea id="txtBase64" cols="50" rows="20"></textarea><img id="imgView" src="" style="width:300px;" /></body></html>終於：
Data Url產生工具之HTML5 FileReader實現
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
