首页 > 代码库 > 图片预览
图片预览
//preview img : filereader方式 document.getElementById(‘imgFile‘).onchange = function(e){ 5 var ele = document.getElementById(‘imgFile‘).files[0]; var fr = new FileReader(); fr.onload = function(ele){ var pvImg = new Image(); pvImg.src = ele.target.result; pvImg.setAttribute(‘id‘,‘previewImg‘); $(‘.preview_wrap‘).html(‘‘).append(pvImg);18 } fr.readAsDataURL(ele); }
//preview img : URL.createObjectURL 方式 document.getElementById(‘imgFile‘).onchange = function(e){ var ele = document.getElementById(‘imgFile‘).files[0]; var createObjectURL = function(blob){ return window[window.webkitURL ? ‘webkitURL‘ : ‘URL‘][‘createObjectURL‘](blob); }; var newimgdata =http://www.mamicode.com/ createObjectURL(ele); var pvImg = new Image(); pvImg.src = newimgdata; pvImg.setAttribute(‘id‘,‘previewImg‘); $(‘.preview_wrap‘).html(‘‘).append(pvImg); }
createObjectURL得到的是http格式的文件,即使input file的文件类型不存在也不会编码失败。
图片预览
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。