在ie6中对于<input type="file" />通过obj.value是可以获取客户端选择文件的全路径的，但是到ie7就只能获取文件名，这对于onchange事件立即显示图片会有问题，可以用js方法解决
具体代码如下：
<html>
<head>
<title>get file input full path</title>
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
</script>
</head>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
<img id="img" />
</body>
</html>
分享到：
相关推荐
NULL 博文链接：https://maidoudao.iteye.com/blog/1511757
在html中 <input type="file" id="importFile" /> <input type="button" onclick="upload()"/>...如上面的代码，用文件上传对话框选择文件后，如果选择”D:\\temp\file\test.txt”文
BOOKStrap的上传文件框架，用法简单。
前端采用的是bootstrap框架，用fileinput插件进行文件上传，包括前端js和后台controller代码 该文件上传是将多文件同时上传至服务器指定路径，并返回的绝对路径拼接成String字符串返回给前端隐藏按钮，可随表单传值...
当Flash上传文件的时候，由开发人员预定义的Javascript事件会被定时触发以便来更新页面中的UI，同时还提供上传状态和错误信息。 选定的文件的上传和它所在页面、表单是独立的。每个文件都是单独上传的，这就保证了...
使用Spring Boot上传文件的简单Demo
上传文件: http://blog.csdn.net/yu_xiang/article/details/7996670 查找文件 find . -type f -name "boa.conf" -print -mount find . -type f -name "boa" -print -mount 四、嵌入式web服务器boa的配置和使用...
在Django中，一般专门创建一个static目录来存放静态文件（css,js,image,video等文件）。 a. 在创建目录前，我们需要配置静态文件的路径。如： #在项目的settings.py文件中，配置STATIC_URL，一般默认是： STATIC_...
假设要下载项目中的jQuery-3.4.1.js文件。 @RequestMapping(/download) public ResponseEntity download(HttpServletRequest request) throws Exception { // 1.得到要下载文件的真实路径 ServletContext ...
实际上，需要对FCKeditor编辑器文件组中的通用配置文件/fckconfig.js和ASP.NET专用文件上传管理代码文件/editor/filemanager/connectors/aspx/config.ascx进行配置。 1. 配置控件语言 FCKeditor是自动探测浏览器所...
将Ueditor集成到YII框架中后，参照editor_config.js中的toolbars中的内容，更改options中标签可以给编辑器添加想要的功能： 因此要想添加文件和图片上传功能，应该加入以下两个标签： 文本编辑器中便出现了对应的两...
版本管理,服务根路径工具类,文件上传工具类 1.0.10 集成ueditor在线编辑器 1.0.11 地址联动 1.0.12 Excel工具类 Word工具类 Java NIO实现socket工具类 分布式session jdk升级到1.7 嵌入式redis服务（只支持linux） ...
91. Type=Image 表示文件类型是image这会使文件浏览器定位到文件上传路径/image/文件夹下面 92. FCKConfig.FlashBrowser = false ;是否在插入flash功能中启用服务器文件浏览功能 93. FCKConfig.LinkUpload = false...
预备知识：Javascript, PHP(少量)/Perl(少量)!...下面是上传文件的提交页面，利用该页面你不仅可以生成 1000 个上传文件框（实际是任意多个 0~n ），而且可分别指出它们的保存路径。 提交页面的文件输入框为命名为
版本管理,服务根路径工具类,文件上传工具类 1.0.10 集成ueditor在线编辑器 1.0.11 地址联动 1.0.12 Excel工具类 Word工具类 Java NIO实现socket工具类 分布式session jdk升级到1.7 嵌入式redis服务（只支持linux） ...
<script type="text/javascript" src="/js/xheditor-zh-cn.min.js"></script>注：jQuery和xhEditor的js文件路径请根据你网站具体路径情况相应修改 在需要实现可视化的文本框textarea属性中添加： class="xheditor...
[关于上传问题] 程序没有做任何限制,如果需要上传大文件,则修改 php.ini：`upload_max_filesize = 1000M post_max_size = 1000M` [关于解压缩问题] 程序不做任何限制,如若失败请设置php内存限制。memory_limit ...
1.在过去一年，小编写过一个批量上传图片的例子，那个例子是基于百度编辑器改造的，用起来必须依赖百度编辑器，所以小编就又弄了一个，就是今天要介绍的了，uploadify上传的了前端用flash，javascript编写，后端兼容...
拖拽批量上传文件夹 该组件基于 Vue.js 实现，UI ... 拖拽读取每个文件夹下面的文件路径 如何显示当前上传的文件夹的进度条 上传文件时跨域携带 cookie 文件夹分片 三、解决过程 1. 拖拽读取每个文件夹下面的文件路
目录 ...CSS总结 JavaScript总结 DOM总结 tomcat服务器 servlet基础 Request&Response编程 ...文件上传和下载 Servlet事件监听器 JavaMail开发 （案例）Estore电子商城 软件国际化 Java基础加强 JQuery Ajax JSON