js实现本地图片预览
来源:网络 作者:佚名 点击:
次时间:2017-08-07 22:16
[摘要] 使用input file上传图片的时候无法预览图片,今天分享一个函数,在上传图片的时候,可以在本地预览图片,这样用户体验非常的好。使用代码...
使用input file上传图片的时候无法预览图片,今天分享一个函数,在上传图片的时候,可以在本地预览图片,这样用户体验非常的好。
使用代码如下:
- $('input[nc_type="change_store_datu"]').change(function(){
- var src = getFullPath($(this)[0]);
- $('div[nctype="store_datu"]').find('p').html('<img src="'+src+'" width="100%">');
- });
在图片选中确定时候,调用getFullPath函数,获取本地全路径
-
- function getFullPath(obj)
- {
- if(obj)
- {
-
- if (window.navigator.userAgent.indexOf("MSIE")>=1)
- {
- obj.select();
- if(window.navigator.userAgent.indexOf("MSIE") == 25){
- obj.blur();
- }
- return document.selection.createRange().text;
- }
-
- else if(window.navigator.userAgent.indexOf("Firefox")>=1)
- {
- if(obj.files)
- {
-
- return window.URL.createObjectURL(obj.files.item(0));
- }
- return obj.value;
- }
- return obj.value;
- }
- }
|
------分隔线----------------------------