html读取url中文件,HTML5基础知识 - JavaScript API - File

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

// Content section used alot

var content = document.getElementById('content');

if (!window.FileReader) {

content.innerHTML = "

This browser doesnt support the File API

} else {

// Page Layout

content.innerHTML =

Pick an image file or drag one into this area

' +

'Content: ' +

// Input handler

document.getElementById('file').onchange = function() {

readFileAsDataURL(this.files[0]);

};

// Drag and drop methods

content.ondragover = function(e) {

e.preventDefault();

return false;

};

content.ondrop = function(event) {

e.stopPropagation();

readFileAsDataURL(event.dataTransfer.files[0]);

return false;

};

function readFileAsDataURL(file) {

var reader = new FileReader();

reader.readAsDataURL(file);

reader.onload = function(event) {

document.getElementById('file-content').src =

event.target.result;

};

reader.onerror = function() {

document.getElementById('file-content').innerHTML = 'Unable to read ' + file.fileName;

};

}

html读取url中文件,HTML5基础知识 - JavaScript API - File - 读取文件为DataURL相关推荐

c# 找出目录下的所有子目录_C# 基础知识系列- 14 IO篇文件的操作（2）
前接上一篇内容. 如果是第一次捧场的小伙伴,为了您阅读的连贯性,烦请扫一眼<C# 基础知识系列- 14 IO篇文件的操作(1)>.本篇是IO之文件操作的第二篇,介绍一下目录和路径的相关类 ...
python编程的基本方法有哪些_Python编程中常用的基础知识有哪些?
今天小编要跟大家分享的文章是关于Python编程中常用的基础知识有哪些?正在从事Python相关工作的小伙伴们,来和小编一起看一看本篇文章,希望本篇文章能够对大家有所帮助. 1.正则表达式替换目标: ...
HTML5 基础知识
HTML5 基础知识什么是 HTML? HTML 是一种超文本标记语言,"超文本"就是指页面内可以包含图片.链接.深职音乐.视频.程序等非文字元素 HTML 不是一种编程语言 H ...
html5哪个属性规定输入字段是必填的,HTML5基础知识习题及答案
原标题:HTML5基础知识习题及答案 1. HTML5 之前的HTML版本是什么? 答: HTML 4.01 2. HTML5 的正确doctype是? 答: 3. 在 HTML5 中,哪个元素用于组 ...
html5基础知识文档,HTML5基础知识（1）
原标题:HTML5基础知识(1) html5是万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力, ...
linux文件系统管理知识导图,Linux磁盘和文件系统管理基础知识自测
自测简介:本试题为EMC自测专栏第22期,主要考查Linux磁盘和文件系统管理基础知识. 1. Linux系统中,所有设备文件存放在哪一个目录下? A. /etc B. /bin C. /dev D. ...
word 保存html,word保存网页HTML文件 Word2003基础知识：保存网页HTML文件方法
word保存网页HTML文件 Word2003基础知识:保存网页HTML文件方法,相信很多人都遇到过这样的问题,只有解决了word保存网页HTML文件才能提高工作效率,看完这篇word保存网页HTML ...
Java中的线程基础知识
Java中的线程基础知识 1.线程概念线程是程序运行的基本执行单元.当操作系统(不包括单线程的操作系统,如微软早期的DOS)在执行一个程序时,会在系统中建立一个进程,而在这个进程中,必须至少建立一个 ...
中职计算机基础课堂传统教学,中职计算机基础知识教学创新
刘静月 [摘要]信息化是当今世界经济和社会发展的趋势,以计算机技术为代表的信息技术已经成为拓展人类能力不可缺少的工具,具有越来越重要的地位.中等职业学校在培养未来的高素质劳动者和技能型人才时,使学生掌 ...

html读取url中文件,HTML5基础知识 - JavaScript API - File - 读取文件为DataURL

html读取url中文件,HTML5基础知识 - JavaScript API - File - 读取文件为DataURL相关推荐

最新文章

热门文章