`
ljl_xyf
  • 浏览: 636552 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

解决getAsDataURL在Firefox7.0 无法预览本地图片

 
阅读更多

取原代码:return obj.files.item(0).getAsDataURL();

升级到Firefox7.0后,需要改为:return window.URL.createObjectURL(obj.files[0]);

实际上就是Firefox7.0废弃了item属性。

分享到:
评论

相关推荐

    getAsDataURL在Firefox7.0下无法预览本地图片的解决方法

    然而,在Firefox 7.0版本中,开发者遇到了一个棘手的问题:`getAsDataURL()`无法正确预览本地图片。本文将深入探讨这个问题的原因,并提供解决方案。 首先,`getAsDataURL()`是`FileReader`接口的一个方法,它允许...

    firefox7.0及以上版本获取图片路径方法

    在探讨如何在Firefox 7.0及以上版本中获取图片路径的方法之前,我们首先需要理解一些基本的概念和技术背景。本文将深入解析两种主要方法:利用`getAsDataURL()`和`createObjectURL()`函数,来帮助读者更好地掌握在...

    JavaScript 图片上传预览效果(支持ie7/ie8,firefox 3.55)

    例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。 但在opera、safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览。 在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。

    上传图片预览_jsp

    图片上传预览是一种在图片上传之前对图片进行本地预览的技术。...例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。 但在opera、safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览。(转载自用)

    上传 图片预览上传 Image Preview

    图片上传预览是一种在图片上传之前对图片进行本地预览的技术。 使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验。 但随着浏览器安全性的提高,要实现图片上传预览也越来越困难。 不过群众的智慧是...

    js上传图片预览图片.pdf

    在 Different browsers have different implementations of the File API,例如,Firefox 3.0+支持 `getAsDataURL()` 方法,而IE浏览器则需要使用滤镜来加载图片。因此,我们需要使用JavaScript来检测浏览器类型,并...

    JavaScript 图片上传预览效果

    例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。 但在opera、safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览。 在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。

    jsp图片上传及预览

    - 对于**Firefox**等现代浏览器,使用`getAsDataURL`方法获取文件的Base64编码,然后将其作为`<img>`标签的`src`属性值来显示图片。 - 对于**Internet Explorer**浏览器,则使用`AlphaImageLoader`滤镜来加载本地...

    firefox8 chrome 15 图片上传预览

    // Firefox 3 请使用此代码 //objPreview.src = sender.files[0].getAsDataURL(); //firefox 8 请使用此代码 objPreview.src = window.URL.createObjectURL(sender.files[0]); //chrome 请使用此代码 //...

    本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结

    最近在Web项目开发过程中遇到的本地图片预览的需求,虽然最后因为其他原因没能使用,但是也算有些了解,整理出来。这里我们按浏览器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,这三个基本上...

    js图片预览判断尺寸大小

    在Web开发中,经常需要用户上传图片,为了提高用户体验并确保上传的图片符合规格(例如格式正确、尺寸适中),开发人员需要通过JavaScript来实现实时的图片预览功能,并能够检查图片的格式与尺寸。 #### 二、知识点...

    JavaScript图片上传预览效果

    3. **DOMFile 模式**:调用`file`的`getAsDataURL`方法获取Data URI数据来显示预览,适用于Firefox 3及以上版本。 4. **Remote 模式**:将文件提交到后台处理后返回图片数据,适用于所有浏览器(包括Opera、Safari和...

    ie图片上传滤镜.doc

    Firefox 3引入了FileReader接口,它提供了`getAsDataURL()`方法,可以直接将文件读取为Data URL,这是一种可以直接在页面上显示的Base64编码的字符串。这种方式更加安全,因为它不涉及本地文件路径,而是将文件内容...

    asp.net IE6、7、8 图片上传前预览

    - 如果支持`files`属性(如Firefox等现代浏览器),`imgObjPreview.src`被设置为`docObj.files[0].getAsDataURL()`,这将创建一个基于文件内容的Base64编码的URL,用以显示图片预览。 - 对于不支持`files`属性的...

    解决Extjs上传图片无法预览的解决方法

    在IE中,它使用`select`和`document.selection.createRange().text`,而在Firefox和其他现代浏览器中,它使用`files`属性和`getAsDataURL()`方法来获取数据URL。 然而,需要注意的是,这种方法虽然可以工作,但在...

    js 上传图片预览问题

    由于IE和Firefox在处理本地文件和图片预览方面的不同,开发者经常遇到兼容性问题。 在IE6和IE7浏览器中,可以通过以下代码实现图片预览功能: ```javascript document.getElementById("img").src=document....

    上传图片预览JS脚本 Input file图片预览的实现示例

    在现代Web开发中,用户上传图片并进行预览是一个常见的需求。此篇文档介绍了一个使用JavaScript实现图片上传预览功能的方法,通过Input file元素来实现用户上传图片并在前端进行即时预览。 知识点一:...

    通过JS获取用户本地图片路径并显示的代码

    本知识点将会解释如何通过JavaScript(简称JS)获取用户在本地选择的图片路径,并在网页上显示出来,这一功能主要用在文件上传过程中,用户在上传之前需要先预览图片。 首先,我们要了解HTML(超文本标记语言)中的...

Global site tag (gtag.js) - Google Analytics