사진 업로드 탐색

11804 단어 사진 업로드
<title>      </title>

<input type="file" id="fileElem" multiple accept="image/*"  onchange="handleFiles(this)">

<div id="fileList" style="width:200px;height:200px;"></div>

<script>

    window.URL = window.URL || window.webkitURL;

    var fileElem = document.getElementById("fileElem"),

        fileList = document.getElementById("fileList");

    function handleFiles(obj) {

        var files = obj.files,

            img = new Image();

        if(window.URL){

            //File API

              alert(files[0].name + "," + files[0].size + " bytes");

              img.src = window.URL.createObjectURL(files[0]); //    object URL,         

              img.width = 200;

              img.onload = function(e) {

                 window.URL.revokeObjectURL(this.src); //     ,  object URL

              }

              fileList.appendChild(img);

        }else if(window.FileReader){

            //opera   createObjectURL/revokeObjectURL  。   FileReader     

            var reader = new FileReader();

            reader.readAsDataURL(files[0]);

            reader.onload = function(e){

                alert(files[0].name + "," +e.total + " bytes");

                img.src = this.result;

                img.width = 200;

                fileList.appendChild(img);

            }

        }else{

            //ie

            obj.select();

            obj.blur();

            var nfile = document.selection.createRange().text;

            document.selection.empty();

            img.src = nfile;

            img.width = 200;

            img.onload=function(){

              alert(nfile+","+img.fileSize + " bytes");

            }

            fileList.appendChild(img);

            //fileList.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='"+nfile+"')";

        }

    }

</script>

코드는 다른 사람의 것이다: http://www.codefans.net/jscss/code/4325.shtml

좋은 웹페이지 즐겨찾기