js实现纯前端的图片预览
发布时间:2016-11-24 17:20:54 所属栏目:Windows 来源:网络整理
导读:图片上传是一个普通不过的功能,而图片预览就是就是上传功能中必不可少的子功能了。在这之前,我曾经通过订阅input[type=file]元素的onchange事件,一旦更改路径则将图片上传至服务器,接着就获取图片路径并赋值到img元素上。先不管文件异步提交的解决方案
nbsp; 2. 采用 window.URL.createObjectURL(Blob blob) 生成数据链接。 var createObjectURL = function(blob){ return window[window.webkitURL #63; 'webkitURL' : 'URL']['createObjectURL'](blob); }; 注意: window.URL.createObjectURL 生成的数据链接是独占内存的,因此若不时用时需要调用 window.URL.revokeObjectURL(DOMString objUrl) 来释放内存。在刷新页面时,也会自动释放内容。 var resolveObjectURL = function(blob){ window[window.webkitURL #63; 'webkitURL' : 'URL']['revokeObjectURL'](blob); }; 以上就是本文的全部内容,希望对大家的学习有所帮助。 (编辑:云计算网_泰州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |