有关图片上传c:\fakePath等问题
来源:互联网 发布:视频录制软件电脑 编辑:程序博客网 时间:2024/06/05 19:04
1.问题:当我们通过
<input id="myFile" name="myFile" type="file" onchange="showPreview(this)"/>获得图片是真正的图片路径被屏蔽了
function showPreview(obj) { alert(obj.value); }
通过上路查询资料解决方法有以下两种
1.在浏览器中:工具 -> Internet选项 -> 安全 -> 自定义级别 -> 找到“其他”中的“将本地文件上载至服务器时包含本地目录路径”,选中“启用”,然后重启浏览器即可。
2.
function getObjectURL(file) { var url = null; if (window.createObjcectURL != undefined) { url = window.createOjcectURL(file); } else if (window.URL != undefined) { url = window.URL.createObjectURL(file); } else if (window.webkitURL != undefined) { url = window.webkitURL.createObjectURL(file); } return url;}function showPreview(obj) { var str = getObjectURL(obj.files[0]); alert(str); document.getElementById("previewImg").innerHTML = "<img src = '"+str+"'/>";}
通过以上两个函数联合获得真实的url
URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL,这个URL的生命仅存在于它被创建的这个文档里,新的对象URL指向执行的File对象或Blob对象。
语法:objcetURL = window.URL.createObjectURL(file || blob);
参数:File对象和Blob对象;File对象就是一个文件,比如我用file type="file"标签来上传文件,那么里面的每个文件都是一个file对象。Blob对象就是二进制数据,比如在XMLHttpRequest里,如果指定requestType为blob,那么得到的返回值也是一个blob对象。
每次调用createObjectURL的时候,一个新的URL对象就被创建了。即使你已经为同一个文件创建过一个URL.,如果你不再需要这个对象,要释放它,需要使用URL.revokeObjectURL()方法.。当页面被关闭,浏览器会自动释放它,但是为了最佳性能和内存使用,当确保不再用得到它的时候,就应该释放它。
阅读全文
0 0
- 有关图片上传c:\fakePath等问题
- 上传图片文件预览时C:\fakepath\文件路径问题
- 图片上传预览C:\fakepath\解决方案
- 博客编辑上传图片时出现 C:\fakepath\文件路径问题
- IE8 用滤镜实现上传预览图片,解决C:\fakepath\*.jpg问题,获取本地路径
- 解决C:\fakepath路径加密问题,图片上传之前的预览功能的实现,html5 实现图片预览功能
- 上传文件时路径总是C:\fakepath\的问题
- C:\fakepath 问题
- C:\fakepath\问题
- 文件上传C:\fakepath\解决方案
- 用户上传图片后实现图片预览效果(解决fakepath路径问题)
- JS实现用户上传图片并预览(图片fakepath问题)
- C:\fakepath\文件路径问题
- C:\fakepath\文件路径问题
- C:\fakepath\文件路径问题
- C:\\fakepath\\文件路径问题
- C:\fakepath\文件路径问题
- C:\fakepath\文件路径问题
- 软件保护技术
- Java多线程之线程间通信--生产者/消费者模式
- HBase的实现基础 Google Bigtable论文中文翻译
- java鬼混笔记:shiro 1、基本ini配置文件的登录认证
- Java-堆排序
- 有关图片上传c:\fakePath等问题
- 【算法】用两个栈模拟实现队列
- 机器学习概述
- Java堆排序
- android ndk 04 C语言 结构体_结构体指针,typedef
- 单例模式入门
- CSS3中的mix-blend-mode和background-blend-mode
- python类的理解(一)
- UVA10048[Audiophobia] FLoyed求最大值最小化