圖片上傳預覽

//獲取大小
//fileid 是input:file的id
function _getFileSize(fileid) {
        try {
            var fileSize = 0;
            //for IE
            if ($.browser.msie) {
                //before making an object of ActiveXObject,
                //please make sure ActiveX is enabled in your IE browser
                var objFSO = new ActiveXObject("Scripting.FileSystemObject");
                var filePath = $("#" + fileid)[0].value;
                var objFile = objFSO.getFile(filePath);
                var fileSize = objFile.size; //size in kb
                fileSize = fileSize / 1048576; //size in mb
            }
                //for FF, Safari, Opeara and Others
            else {
                fileSize = $("#" + fileid)[0].files[0].size //size in kb
                fileSize = fileSize / 1048576; //size in mb
            }
            return fileSize;
        }
        catch (e) {
            alert("Error is :" + e);
        }
    }
    //圖片預覽功能
    //obj是input:file的dom對象
    function setImagePreview(obj) {
        //圖片顯示區,一個div
        var imgDispArea = document.getElementById("imgDispArea");
        imgDispArea.style.display = "block";
        //圖片顯示區內的img標籤
        var imgObjPreview = document.getElementById("imgPreview");
          
        if (obj.files && obj.files[0]) {
            //火狐下,直接設img屬性
            imgObjPreview.style.display = 'block';
            imgObjPreview.style.width = '300px';
            imgObjPreview.style.height = '120px';
            //imgObjPreview.src = obj.files[0].getAsDataURL();
            //火狐7以上版本不能用上面的getAsDataURL()方式獲取,須要下面方式 
            imgObjPreview.src = window.URL.createObjectURL(obj.files[0]);
        } else {
            //IE下,使用濾鏡
            obj.select();
            var imgSrc = document.selection.createRange().text;
              
            //必須設置初始大小
            imgDispArea.style.width = "200px";
            imgDispArea.style.height = "200px";
              
            //圖片異常的捕捉,防止用戶修改後綴來僞造圖片
            try {
                imgDispArea.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                imgDispArea.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
            } catch (e) {
                alert("您上傳的圖片格式不正確,請從新選擇!");
                return false;
            }
            imgObjPreview.style.display = 'none';
            document.selection.empty();
        }
        return true;
    }
相關文章
相關標籤/搜索