将黏贴板中的图像直接粘贴到页面

html代码

js代码

(function(){
    var imgReader = function( item ){
        var blob = item.getAsFile(),
            reader = new FileReader();

reader.onload = function( e ){
            var img = new Image();

img.src = e.target.result;
            document.getElementById('img-cont').appendChild( img );
        };

reader.readAsDataURL( blob );
    };
    document.getElementById( 'testInput' ).addEventListener( 'paste', function( e ){
    var clipboardData = e.clipboardData,
        i = 0,
        items, item, types;

if( clipboardData ){
        items = clipboardData.items;

if( !items ){
            return;
        }

item = items[0];
        types = clipboardData.types || [];

for( ; i < types.length; i++ ){
            if( types[i] === 'Files' ){
                item = items[i];
                break;
            }
        }

if( item && item.kind === 'file' && item.type.match(/^image\//i) ){
            imgReader( item );
        }
    }
    });
})();

css代码