博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input上传头像
阅读量:6224 次
发布时间:2019-06-21

本文共 1339 字,大约阅读时间需要 4 分钟。

hot3.png

function resetAvatar(imgSrc){    var avImg = document.getElementById("avatar-img");    avImg.src=imgSrc;    var docObj=document.getElementById("fileInput");    var imgObjPreview=document.getElementById("avatar-img");    if(docObj.files &&docObj.files[0])//如果文档文件对象有效    {        imgObjPreview.style.display = 'block';        imgObjPreview.style.width = '162px';        imgObjPreview.style.height = '162px';//imgObjPreview.src = docObj.files[0].getAsDataURL();//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式        imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);    }    else    {//IE下,使用滤镜        docObj.select();        var imgSrc = document.selection.createRange().text;        var localImagId = document.getElementById("localImag");//必须设置初始大小        localImagId.style.width = "150px";        localImagId.style.height = "180px";//图片异常的捕捉,防止用户修改后缀来伪造图片        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;}

转载于:https://my.oschina.net/swmhxhs/blog/741099

你可能感兴趣的文章
Swift 线程安全数组
查看>>
坑系列 —— 缓存 + 哈希 = 高并发?
查看>>
Kotlin实战之Fuel的高阶函数
查看>>
Webgoat学习笔记
查看>>
Android平台下二维码漏洞攻击杂谈
查看>>
UI 设计小白入门论
查看>>
solr 7.0 搭建 maven 集成,基于tomcat 搜索引擎 部署
查看>>
《Node.js设计模式》基于ES2015+的回调控制流
查看>>
Apple 如何知道你使用了私有API
查看>>
在PyODPS DataFrame自定义函数中使用pandas、scipy和scikit-learn
查看>>
Ant Design 中 对话框Modal 作为详情弹框展示 右下角只需一个按钮
查看>>
CocoaPods 安装与使用
查看>>
Vue双向绑定原理,教你一步一步实现双向绑定
查看>>
iOS 恢复现场
查看>>
聊聊spring cloud gateway的RemoveHopByHopHeadersFilter
查看>>
六、TextInput
查看>>
Nginx 的ngx_http_core_module模块
查看>>
Java+Ajax实现用户名重复检验
查看>>
Runtime运行时之Class常用方法
查看>>
Python元编程:控制你想控制的一切
查看>>