圖片上傳判斷及預覽腳本的效果實例_javascript技巧

複製程式碼 程式碼如下:

   
   

     relative;left:-130px;cursor:pointer ;"/>
var $$ = function(id) {
    return "string" == typeof id ? document.getElementById(id) : id;
};
/*
/*
圖片驗證
*/
//驗證上傳圖片格式
function checkupload(ele) {
    var obj = $$("FileUploadImg");
  (/^(.*)(.)(.{1,8})$/)[3]; //這個檔案類型正規很有用：)   
    if (fileContentType == 'gif' || fileContentType = = 'jpeg' || fileContentType == 'png' || fileContentType == 'jpg') {
        //驗證上傳圖片大小
        alert ('上傳檔案格式不正確!');
        return false;
    }
    return false;
}
//驗證上傳圖片尺寸🎜>    var maxSize = 100 * 1024;
    //ie
    if (window.navigator.userAgent.indexOf("MSIE") >= 1) {      try {
            fso = new ActiveXObject('Scripting.FileSystemObject');
           .Size);
            return file.Size         } catch (e) {
            alert("瀏覽器設定停用ActiveX     }
    }
    //firefox
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
        //alert(ele.files[0].fileSize);
  maxSize;
    }
    return false;
}
//載入預覽圖
function previewImage(ele) {
 . imgDiv = $$("imgbox");
        imgDiv.innerHTML = "";
        imgDiv. ";
        / /ie
        if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
         
            imgDiv.filters("DXImageTransform.Microsoft     imgDiv.filters("DXImageTransform.Microsoft   else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
            imgDiv.innerHTML = "IE/mgDiv.innerHTML = "IE/T > } else {
        $$("FileUploadImg").value = "";
        $$("imgbox")。 ='' width='100' style="max-width:90%" />";
        //alert('重設上傳控制');
    }
}

    }
}

    }
}