`
ganglong99
  • 浏览: 161376 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

各种浏览器下用JS获取文件域的文件路径的方法

阅读更多

1.ie6:
 

var file_url = document.getElementById("file").value;

 
2.ie7/ie8:
 

 var file = document.getElementById("file");
 file.select();
 var file_url = document.selection.createRange().text;

 
3.firefox3.0
 

var file_url = document.getElementById("file").files[0].getAsDataURL();

 

分享到:
评论

相关推荐

    通过JavaScript下载文件到本地的方法(单文件)

    ### 通过JavaScript下载文件到本地的方法(单文件) #### 知识点一:同源文件下载 在开发中,对于同源的文件,我们可以利用HTML `<a>` 标签的 `download` 属性来实现文件的下载功能。`download` 属性指示浏览器下载...

    js读取xml文件

    在不借助服务器端技术的情况下,JS可以用于在客户端读取和解析XML文件,这在实现动态网页或Web应用程序时非常有用。以下将详细介绍如何使用JavaScript来读取XML文件。 一、XMLHttpRequest对象 JavaScript通过...

    改变文件域的样式实现思路同时兼容ie、firefox

    最后,我们需要使用JavaScript监听文件域的`onchange`事件,当用户选择文件后,获取文件路径并显示在文本框中。这是一个简单的JavaScript函数示例: ```javascript function getValue() { document.getElementById...

    ArcGIS_Silverlight域控制文件

    在Web开发中,浏览器的安全策略通常限制了JavaScript和Flash等技术从一个源(域名)加载数据到另一个源。这种策略称为同源策略,旨在防止恶意网站窃取用户信息。然而,对于像ArcGIS Silverlight这样的应用,需要从...

    js+ajax实现获取文件大小的方法

    本文档详细介绍了如何利用JavaScript和Ajax技术来实现获取文件大小的方法,并且包含了与之配合的C#后台处理代码。下面将对这些知识点进行详细说明。 首先,前端JavaScript代码通过Ajax向服务器发送请求,通常这种...

    Web文件的上传与下载源码

    在后端,你可以根据需要生成文件流或者直接提供文件路径。例如,Node.js可以使用express.static中间件服务静态文件,或者手动读取文件并设置HTTP响应头。Python的Flask或Django框架同样提供了类似的功能,可以通过...

    javascript文件中引用依赖的js文件的方法

    在上述例子中,这个URL是`"/script/Map.js"`,这是一个相对路径,代表了从当前页面所在的目录向下寻找名为`Map.js`的JavaScript文件。当然,也可以使用绝对路径或者网络上的一个完整URL。 然后,获取页面中的`HEAD`...

    文件上传下载fileuploaddown

    7. **进度条与多线程**:现代浏览器支持HTML5的File API,使得前端可以获取文件大小并实时更新上传进度条。同时,通过Web Workers,可以实现多线程上传,提高大文件上传速度。 8. **文件分块与并行下载**:为了提高...

    一个简单的轻量级JavaScript API,用于处理浏览器cookie.zip

    这个“一个简单的轻量级JavaScript API,用于处理浏览器cookie.zip”文件提供了一个专门用于操作Cookie的API,名为“js-cookie”。这个API设计简洁,易于理解和使用,是前端开发中的实用工具。 1. **js-cookie API...

    Jquery Large File Upload (Jquery实现大文件上传).rar

    6. **安全性考虑**:为了防止恶意文件上传,开发人员需要在后端进行文件类型的检查,限制上传的文件大小,并可能使用文件名重命名策略,以避免文件覆盖或路径遍历攻击。 7. **跨域资源共享(CORS)**:如果涉及到不同...

    大名鼎鼎SWFUpload- Flash+JS 上传

    它还提供了一组简明的JavaScript事件,借助它们开发者可以方便的在文件上传过程中更新页面内容来营造各种动态效果。  在使用SWFUpload之前,请确认你具备一定的JavaScript和DOM知识。在实际开发中,大部分的错误都...

    JSP使用ajaxFileUpload.js实现跨域问题.docx

    跨域问题是由于浏览器的同源策略导致的,该策略限制了一个域下的JavaScript脚本获取另一个不同源(协议、域名或端口)的数据。为了解决这个问题,很多前端框架提供了相应的解决方案,如jQuery的`$.ajax`方法支持...

    上传下载和富文本域demo

    1. **前端实现**:通常使用HTML5的`<input type="file">`标签来选择本地文件,通过JavaScript处理文件选择事件,获取文件对象。富文本编辑器中,如CKEditor或TinyMCE,也有内置的文件上传插件。 2. **后端处理**:...

    轻量级JS Cookie插件js-cookie的使用方法.docx

    js-cookie是一个非常小巧且功能强大的JavaScript库,用于在浏览器端操作Cookie。它的源代码大小仅为3.34 KB,且支持npm和Bower进行管理和安装,这使得它在各种项目中易于集成。作为一个独立的库,js-cookie无需任何...

    ajax上传文件

    客户端可能使用HTML5的File API来获取文件信息,然后通过XMLHttpRequest的FormData对象将文件数据封装进请求中。 2. **服务器端处理**:`UpLoad.java`可能是Java Web应用程序中的一个Servlet或控制器,负责接收Ajax...

    Silverlight跨域文件

    这意味着你的Silverlight应用尝试访问不在同一域下的资源,而没有找到允许这样做的策略文件。为了解决这个问题,你需要创建并部署这个文件到IIS服务器的根目录,如描述中提到的"C:\Inetpub\wwwroot"。 以下是一个...

    用js实现下载远程文件并保存在本地的脚本

    - `objArgs(0)`和`objArgs(1)`:分别代表脚本接收到的第一个和第二个参数,这里假设第一个参数是要下载的远程文件URL,第二个参数是本地保存的文件路径。 4. **保存文件**: - `sGet.Mode = 3`:设置Stream对象的...

    JS预览图像将本地图片显示到浏览器上

    代码如下: <!... <head> <... charset=utf-8″> [removed] /** * 从 file 域获取 本地图片 url */ function getFileUrl(sourceId) { var url; if (navigator.userAgent.indexOf(“MSIE”)>=1) {

    php上传进度条APC

    用另一个文件域让用户选择文件,当用户选择了上传的文件之后,用JS取得用户的文件的路径然后赋值给那个隐藏的iframe中的文件域,令iframe中的表单提交。这时那个显示的文件域可以被替换为图片或者文字什么的提示用户...

Global site tag (gtag.js) - Google Analytics