怀旧的人很多，喜欢尝试新事物的人也很多，当我们还在用火狐3、6时，火狐已经发布7了，发就发吧，还改了东西，郁闷。呵呵。
之前用火狐6测试图片上传获取路径显示缩略图。没问题，用的方法是getAsDataURL();
但这个方法在火狐7下过时了。。。。
替换方法：
var objectURL = window.URL.createObjectURL(fileObj);
通过它得到的路径为。
<img src =" moz-filedata:4b3c257f-fa36-41b5-a1c4-99395da2a4bd " >
确实比getAsDataURL简单许多。
非原创，摘自：
http://mozilla.com.cn/qa/dev/Q.18474/
参考资料：
https://developer.mozilla.org/en/DOM/File
您还没有登录,请您登录后再发表评论
在探讨如何在Firefox 7.0及以上版本中获取图片路径的方法之前，我们首先需要理解一些基本的概念和技术背景。本文将深入解析两种主要方法：利用`getAsDataURL()`和`createObjectURL()`函数，来帮助读者更好地掌握在...
标题“利用火狐(firefox)获取背景图片”所涉及的知识点主要集中在浏览器开发者工具的使用上，特别是针对网页元素的样式分析与资源抓取。火狐浏览器（Firefox）提供了强大的开发者工具，允许用户深入探索网页结构、...
然而，某些情况下，尤其是在使用Firefox浏览器时，可能会遇到本地图片无法显示的问题。这可能是由于浏览器安全策略或路径格式不兼容导致的。 为了解决火狐浏览器不显示本地图片的问题，我们需要考虑到路径格式的...
标题中的“Firefox火狐浏览器官方31.0b6-win32版本exe在线安装包”表明我们正在讨论的是Mozilla Firefox浏览器的一个特定版本，即31.0b6，这是一个适用于Windows 32位操作系统的安装程序。"win32"表示这个版本是为32...
在JavaScript和Firefox浏览器环境中，本地图片预览是一个常见的需求，特别是在用户选择文件后希望即时查看所选图片的情况下。然而，由于安全策略的限制，Firefox浏览器默认不允许直接通过JavaScript访问本地文件系统...
本文将深入探讨如何在IE6、IE7以及Firefox等浏览器中获取文件输入控件的全路径，并提供一个具体的解决方案。 在早期的Internet Explorer（如IE6）中，用户可以通过`<input type="file">`选择文件后，直接通过该元素...
以下是一个使用JavaScript获取图片真实大小的代码实例： ```javascript // 获取页面中特定ID的图片元素 var img = $("#img_id"); // 创建一个内存中的图片副本，避免CSS影响尺寸计算 var imgClone = $("<img/>")....
总体来说，文章介绍了通过JavaScript获取文件路径的方法，并详细说明了在不同浏览器之间进行兼容性处理的必要性。此外，还涉及到了浏览器安全策略对代码实现的影响，以及如何在必要时通过用户手动配置来绕过这些安全...
为了解决这个问题，你可以设置`Image`对象的`crossOrigin`属性为空字符串，这通常允许跨域请求（在Chrome和Firefox中有效，但某些旧版本的Safari可能不支持）： ```javascript image.crossOrigin = ''; ``` 然而，...
本知识点将会解释如何通过JavaScript（简称JS）获取用户在本地选择的图片路径，并在网页上显示出来，这一功能主要用在文件上传过程中，用户在上传之前需要先预览图片。 首先，我们要了解HTML（超文本标记语言）中的...
最后，考虑到不同设备和浏览器的兼容性，开发JavaScript动态相册时需要对各种浏览器进行测试，确保在主流浏览器（如Chrome、Firefox、Safari、Edge）以及移动设备上都能正常工作。有时可能需要引入像jQuery这样的库...
但是，Firefox提供了`nsIDOMFile`接口，可以通过`getAsDataURL()`方法获取数据URL形式的图片路径，并读取`fileSize`属性。例如： ```javascript var input = document.querySelector('input[type="file"]'); input....
在本文中，我们将深入探讨一个基于JavaScript DOM编程的简单相册实现，这是一个针对Firefox浏览器的示例。 首先，我们需要理解HTML结构。在给出的代码中，有一个`<ul>`元素（id为"imagegallery"），里面包含多个`...
首先，对于IE6浏览器，由于其对HTML和JavaScript的支持相对有限，可以简单地通过读取`<input type="file">`元素的`value`属性来获取图片路径，并将其设置为`<img>`标签的`src`属性，从而实现预览。这种方式的优点是...
3. **预览图片**：对于支持FileReader API的现代浏览器（如Chrome、Firefox、Safari、Edge等），可以使用`FileReader`对象的`readAsDataURL`方法将文件内容转换为Base64编码的URL，然后设置到`<img>`标签的`src`属性...
本文将详细讲解如何实现IE（Internet Explorer）和FF（Firefox）浏览器的图片上传预览功能，以及处理这两种浏览器在处理文件路径上的差异。 首先，让我们了解一下图片上传预览的基本原理。当用户在网页上选择一个...
相关推荐
在探讨如何在Firefox 7.0及以上版本中获取图片路径的方法之前，我们首先需要理解一些基本的概念和技术背景。本文将深入解析两种主要方法：利用`getAsDataURL()`和`createObjectURL()`函数，来帮助读者更好地掌握在...
标题“利用火狐(firefox)获取背景图片”所涉及的知识点主要集中在浏览器开发者工具的使用上，特别是针对网页元素的样式分析与资源抓取。火狐浏览器（Firefox）提供了强大的开发者工具，允许用户深入探索网页结构、...
然而，某些情况下，尤其是在使用Firefox浏览器时，可能会遇到本地图片无法显示的问题。这可能是由于浏览器安全策略或路径格式不兼容导致的。 为了解决火狐浏览器不显示本地图片的问题，我们需要考虑到路径格式的...
标题中的“Firefox火狐浏览器官方31.0b6-win32版本exe在线安装包”表明我们正在讨论的是Mozilla Firefox浏览器的一个特定版本，即31.0b6，这是一个适用于Windows 32位操作系统的安装程序。"win32"表示这个版本是为32...
在JavaScript和Firefox浏览器环境中，本地图片预览是一个常见的需求，特别是在用户选择文件后希望即时查看所选图片的情况下。然而，由于安全策略的限制，Firefox浏览器默认不允许直接通过JavaScript访问本地文件系统...
本文将深入探讨如何在IE6、IE7以及Firefox等浏览器中获取文件输入控件的全路径，并提供一个具体的解决方案。 在早期的Internet Explorer（如IE6）中，用户可以通过`<input type="file">`选择文件后，直接通过该元素...
以下是一个使用JavaScript获取图片真实大小的代码实例： ```javascript // 获取页面中特定ID的图片元素 var img = $("#img_id"); // 创建一个内存中的图片副本，避免CSS影响尺寸计算 var imgClone = $("<img/>")....
总体来说，文章介绍了通过JavaScript获取文件路径的方法，并详细说明了在不同浏览器之间进行兼容性处理的必要性。此外，还涉及到了浏览器安全策略对代码实现的影响，以及如何在必要时通过用户手动配置来绕过这些安全...
为了解决这个问题，你可以设置`Image`对象的`crossOrigin`属性为空字符串，这通常允许跨域请求（在Chrome和Firefox中有效，但某些旧版本的Safari可能不支持）： ```javascript image.crossOrigin = ''; ``` 然而，...
本知识点将会解释如何通过JavaScript（简称JS）获取用户在本地选择的图片路径，并在网页上显示出来，这一功能主要用在文件上传过程中，用户在上传之前需要先预览图片。 首先，我们要了解HTML（超文本标记语言）中的...
最后，考虑到不同设备和浏览器的兼容性，开发JavaScript动态相册时需要对各种浏览器进行测试，确保在主流浏览器（如Chrome、Firefox、Safari、Edge）以及移动设备上都能正常工作。有时可能需要引入像jQuery这样的库...
但是，Firefox提供了`nsIDOMFile`接口，可以通过`getAsDataURL()`方法获取数据URL形式的图片路径，并读取`fileSize`属性。例如： ```javascript var input = document.querySelector('input[type="file"]'); input....
在本文中，我们将深入探讨一个基于JavaScript DOM编程的简单相册实现，这是一个针对Firefox浏览器的示例。 首先，我们需要理解HTML结构。在给出的代码中，有一个`<ul>`元素（id为"imagegallery"），里面包含多个`...
首先，对于IE6浏览器，由于其对HTML和JavaScript的支持相对有限，可以简单地通过读取`<input type="file">`元素的`value`属性来获取图片路径，并将其设置为`<img>`标签的`src`属性，从而实现预览。这种方式的优点是...
3. **预览图片**：对于支持FileReader API的现代浏览器（如Chrome、Firefox、Safari、Edge等），可以使用`FileReader`对象的`readAsDataURL`方法将文件内容转换为Base64编码的URL，然后设置到`<img>`标签的`src`属性...
本文将详细讲解如何实现IE（Internet Explorer）和FF（Firefox）浏览器的图片上传预览功能，以及处理这两种浏览器在处理文件路径上的差异。 首先，让我们了解一下图片上传预览的基本原理。当用户在网页上选择一个...