html 5アップロード画像のサイズとインスタント表示を取得

7266 ワード

最近h 5がこの機能を持っているのを見て、効果はコードのようです
/span>html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<input type="file" multiple="multiple" οnchange="checkinfo(this)">
<div id="win">div>
<script>
    function checkinfo(obj){
        var len = obj.files.length;
        console.log(obj.files);
        for (var i =0 ; i < len ; i++){
            showimg(obj.files[i]);
        }
    }

    function showimg(img){
        var a = new FileReader();
        a.readAsDataURL(img);
        a.onload=function(){
            var img = new Image();
            img.src=a.result;
            document.getElementById('win').appendChild(img);
        }
    }

script>
body>
html>
転載https://segmentfault.com/a/1190000004706880
https://developer.mozilla.org/en/docs/Web/API/FileReader