H5의 FileReader

2438 단어 js

단일 파일 업로드

Document var myfile = document.getElementById('file') var con = document.getElementById('content') function getInfo(node) { var file = node.files[0] // var fr = new FileReader() // , url fr.readAsDataURL(node.files[0]) // , // fr.readAsText(node.files[0]) // fr.onload = function(e) { con.innerHTML = "<img src="+ e.target.result +">" console.log(' ', e.target.result) } }

단일 파일 업로드 - window.URL.createObjectURL()

Document // var myfile = document.getElementById('file') var con = document.getElementById('content') function getInfo(node) { var url = window.URL.createObjectURL(node.files[0]) con.innerHTML = "<img src="+ url +">" }

다중 파일 업로드

Document var n = 0; // , var len; // var fr = new FileReader() var con = document.getElementById('content') var fileObj = document.getElementById('file') fr.onload = function(e) { if (e.target.result) { var str = '<img src="'+ e.target.result +'" />' con.innerHTML += str n++ if (n < len) { readFiles(n) } } } function readFiles(n) { fr.readAsDataURL(fileObj.files[n]) } function getInfo() { n = 0 len = fileObj.files.length readFiles(n) }

좋은 웹페이지 즐겨찾기