JavaScript读取本地图片到浏览器

代码：

<html>
<head>
<script type="text/javascript"> function getFileUrl(sourceId) { var url; if (navigator.userAgent.indexOf("MSIE")>=1) { // IE url = document.getElementById(sourceId).value; } else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); } else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); } return url; }function preImg(sourceId, targetId) { var url = getFileUrl(sourceId); var imgPre = document.getElementById(targetId); imgPre.src = url; }
</script>
</head>
<body> <input type="file" name="imgOne" id="imgOne1"

JavaScript读取本地图片到浏览器相关推荐

javascript读取本地文件打印到浏览器中
以下代码实现javascript读取本地文件打印到浏览器中 function load(name) {let xhr = new XMLHttpRequest(),okStatus = documen ...
java读取本地图片在浏览器中显示
@RequestMapping(value = "/tupian", method = RequestMethod.GET)public void IoReadImage(Http ...
html js引用本地资源,了解使用JavaScript读取本地文件的方法
本篇文章给大家介绍一下使用JavaScript读取本地文件的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 出于安全和隐私的原因,web应用程序不能直接访问用户设备上的文件.如 ...
cordova js(javascript)读取本地文件（将本地的bin文件转成字节数组）
此问题已经解决,解决方法参考我的博客: cordova本地存储(存取): 读取项目里的本地文件文章目录 1.下面两个比较有用: 2.下面两篇博客证明不用input标签的情况下,无法获取本地文件(包括 ...
在asp.net中如何用javascript读取本地Xml中的数据到网页中的文本框？
在asp.net中如何用javascript读取本地Xml中的数据到网页中的文本框? 转载于:https://www.cnblogs.com/dynasty/archive/2005/08/18/21 ...
JAVA读取本地图片并展示
代码如下: //读取本地图片输入流 FileInputStream inStream = new FileInputStream("D:/image/123.jpg");//byt ...
js小学生图区_js读取本地图片并显示
版权声明:本文为博主原创文章,未经博主允许不得转载. 根据项目需要,需要选择本地图片并显示在页面上,然后上传至服务器.因为自身刚刚接触js,所以比较生疏,碰到问题吼,幸好有强大的网络,搜索很多有用的资 ...
java读取本地图片及路径
手贱打算用java读取本地图片,发现各种问题,之前使用python,发现还是python太厉害如果打算用文件的形式读取图片,注意要对文件流做异常处理,还有java的输出语句,连接符之间的关系.最后成 ...
JavaScript读取本地json文件方式
JavaScript读取本地文件方式: 假如有本地文件:authors.json 内容为: [ {"name": "Kwan-Liu Ma","num ...

JavaScript读取本地图片到浏览器

JavaScript读取本地图片到浏览器相关推荐

最新文章

热门文章