zoukankan      html  css  js  c++  java
  • 图片上传预览

    function setImagePreview() {
             var docObj = document.getElementById("doc");
             var fileName = docObj.value;
             var imgObjPreview = document.getElementById("preview");
             if (docObj.files && docObj.files[0]) {	//火狐下,直接设img属性
                 imgObjPreview.style.display = 'block';
                 imgObjPreview.style.width = '120px';
                 imgObjPreview.style.height = '150px';
                 imgObjPreview.src = docObj.files[0].getAsDataURL();
             }
             else {	//IE下,使用滤镜
                 docObj.select();
                 var imgSrc = document.selection.createRange().text;
                 var localImagId = document.getElementById("localImag");
                 //必须设置初始大小
                 localImagId.style.width = "120px";
                 localImagId.style.height = "150px";
                 //图片异常的捕捉,防止用户修改后缀来伪造图片
                 try {
                     localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                     localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                 }
                 catch (e) {
                     alert("您上传的图片格式不正确,请重新选择!");
                     return false;
                 }
                 imgObjPreview.style.display = 'none';
                 document.selection.empty();
             }
             return true;
         }
    
  • 相关阅读:
    ceph 高可用部署
    ceph安装
    openstack 命令
    ceph
    go test 怎么做测试
    govendor
    wrap 缓存。。。
    python中if __name__ == '__main__': 的解析
    pythton 字典的使用,字典的方法
    python 基础 如何让程序接收参数,最简单用sys.argv[]来获取
  • 原文地址:https://www.cnblogs.com/hbhzz/p/3627606.html
Copyright © 2011-2022 走看看