1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 图片上传显示缩略图

图片上传显示缩略图

时间:2020-06-11 13:16:46

相关推荐

图片上传显示缩略图

html<input type="file" value="上传文件" id="file"/><div><img src="" alt="" id="look"></div>css#look{width: 250px;height: 250px;border: 2px solid #ccc;margin-top: 30px;}js$('#file').change(function() {//获取到file的文件var docObj = document.getElementById("file");//获取到预览框的文件var imgObjPreview = document.getElementById("look");//获取到文件名和类型if(docObj.files && docObj.files[0]) {console.log(docObj.files)//火狐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");//图片异常的捕捉,防止用户修改后缀来伪造图片try {localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;} catch(e) {alert("您上传的图片格式不正确,请重新选择!");return false;}document.selection.empty();}return true;})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。